webpack手動安裝loader和其他的依賴非常麻煩。通過腳手架可以自動搭建項目所需的環境,安裝所有的依賴,省去了手動配置的繁瑣。
cli的具體介紹可參照官網cli官網
cli的安裝
cli需要node的版本在8.9以上,安裝前請先確認node的版本。
通過命令,全局安裝新版本的cli
npm install -g @vue/cli
如果要使用舊版本,比如2.x版本,可以使用命令全局安裝一個橋接工具
npm install -g @vue/cli-init
這樣就可以同時支持2.x版本。
安裝完成後新建項目
新版本命令:
vue create xxx(項目名稱)
舊版本命令:
vue init webpack xxx(項目名稱)
以cli2舊版本新建項目爲例,運行命令後,根據提示一步步設置參數
新建完成後,cli自動幫我們新建了配置文件,安裝了所有的依賴,如下