許多現代JavaScript前端框架都由一個獨立的命令行界面 (CLI) 程序補充，該程序有助于設置合適的開發環境。這篇文章為新手和資深開發人員提供了可用于Angular、React和Vue的CLI程序的細分和比較，目的是幫助新開發人員了解與使用CLI工具相關的好處和權衡。對前端框架感興趣的同學，可以參加Web前端培訓，幾個月的學習就能掌握全面系統的知識和技能，快速上崗。

　　Angular CLI

　　Angular CLI是獨一無二的，可能被認為是最“功能豐富”的，因為它超越了簡單地創建項目并提供了節省時間的命令，這些命令在向項目中添加新組件時會生成大部分樣板文件。

　　CLI旨在全局和本地安裝。全局和本地版本之間的版本不一致通常不是問題，但如果你在多個項目之間切換和工作，可能會有些混亂。

　　當項目從beta版本到第一個穩定版本時，“angular-cli”包名稱發生了變化。如果你的機器安裝了較舊的beta版本，具體的升級步驟會有些繁瑣。

　　使用子目錄對組件、服務和其他 Angular 組件類型進行分組是很常見的。運行 `npm generate` 命令時可以包含子文件夾，但是當你不可避免地忘記時清理起來非常煩人。如果CLI提示這個和/或可以配置所需的子目錄，那會更整潔。

　　Create React App

　　這個CLI工具絕對兌現了“無配置”的承諾。生成的項目配置文件異常精簡。這對于不完全適應許多長配置文件的開發人員來說非常有用，這些文件通常包含在涉及Node、Webpack、Babel、測試和Linting工具的項目中。

　　環境配置文件的結構化方法，支持共享(提交)和個人(.gitignore'd)偏好和秘密，是一個亮點，因為它經過深思熟慮。參加Web前端培訓，可以讓你學到很多CLI工具的知識和技能，有經驗豐富的專業講師面授指導教學，實時解決疑難雜癥問題，學習起來又快又有效。

　　有點令人失望的是，必須立即從簡化的create-react-app配置中“彈出”，而不是直接用于開發，而是讓單元測試套件正常運行并通過 Foundation。誠然，這是由于代表基金會項目的次優包裝，但這仍然是與CLI的摩擦點。

　　Vue CLI

　　與Vue生態系統中的幾乎所有內容一樣，CLI非常簡單且易于使用。模板化方法以及在Browserify和Webpack之間進行選擇的選項對于Vue的CLI來說是獨一無二的，并且肯定有助于Vue框架的廣泛和快速采用。

　　Vue的另一個獨特方面是用于收集信息以啟動項目的問答格式。鑒于Angular和React CLI程序都能夠通過接收項目名稱作為命令行參數來完成它們的工作，奇怪的是Vue提出了大約9個問題。

　　結論

　　很明顯每個CLI都可以長期節省寶貴的時間，對于新開發人員來說，最大的勝利是可以輕松訪問具有凝聚力的開發環境。對于有經驗的開發人員，熟悉并定期檢查CLI項目的狀態可以提供一些很好的見解，這些項目提供了一種快速了解當前最佳實踐、趨勢和開發人員偏好的方法，了解每個前端框架周圍的生態系統的整體狀態也很棒。想要學習前端技術，可以參加Web前端培訓，通過理論結合實戰的方式教授前端知識，讓你快速學會前端技術。