許多現代JAVAScript前端框架都由一個獨立的命令行界面 (CLI) 程序補充，該程序有助于設置合適的開發環境。這篇文章為新手和資深開發人員提供了可用于Angular、React和Vue的CLI程序的細分和比較，目的是幫助新開發人員了解與使用CLI工具相關的好處和權衡。
Angular CLI
Angular CLI是獨一無二的，可能被認為是最“功能豐富”的，因為它超越了簡單地創建項目并提供了節省時間的命令，這些命令在向項目中添加新組件時會生成大部分樣板文件。
CLI旨在全局和本地安裝。全局和本地版本之間的版本不一致通常不是問題，但如果你在多個項目之間切換和工作，可能會有些混亂。
當項目從beta版本到第一個穩定版本時，“angular-cli”包名稱發生了變化。如果你的機器安裝了較舊的beta版本，具體的升級步驟會有些繁瑣。
使用子目錄對組件、服務和其他 Angular 組件類型進行分組是很常見的。運行 `npm generate` 命令時可以包含子文件夾，但是當你不可避免地忘記時清理起來非常煩人。如果CLI提示這個和/或可以配置所需的子目錄，那會更整潔。
Create React App
這個CLI工具絕對兌現了“無配置”的承諾。生成的項目配置文件異常精簡。這對于不完全適應許多長配置文件的開發人員來說非常有用，這些文件通常包含在涉及Node、Webpack、Babel、測試和Linting工具的項目中。
環境配置文件的結構化方法，支持共享(提交)和個人(.gitignore'd)偏好和秘密，是一個亮點，因為它經過深思熟慮。
有點令人失望的是，必須立即從簡化的create-react-app配置中“彈出”，而不是直接用于開發，而是讓單元測試套件正常運行并通過 Foundation。誠然，這是由于代表基金會項目的次優包裝，但這仍然是與CLI的摩擦點。
Vue CLI
與Vue生態系統中的幾乎所有內容一樣，CLI非常簡單且易于使用。模板化方法以及在Browserify和Webpack之間進行選擇的選項對于Vue的CLI來說是獨一無二的，并且肯定有助于Vue框架的廣泛和快速采用。
Vue的另一個獨特方面是用于收集信息以啟動項目的問答格式。鑒于Angular和React CLI程序都能夠通過接收項目名稱作為命令行參數來完成它們的工作，奇怪的是Vue提出了大約9個問題。
結論
很明顯每個CLI都可以長期節省寶貴的時間，對于新開發人員來說，最大的勝利是可以輕松訪問具有凝聚力的開發環境。對于有經驗的開發人員，熟悉并定期檢查CLI項目的狀態可以提供一些很好的見解，這些項目提供了一種快速了解當前最佳實踐、趨勢和開發人員偏好的方法，了解每個前端框架周圍的生態系統的整體狀態也很棒。
