1.藉助npm進行安裝vue-cli
npm install -g @vue/cli
安裝完成會回在npm的文件下生成vue.cmd文件
此時表示安裝成功。安裝成功後需要配置環境變量才能使用vue-cli
將vue.cmd的路徑配置到環境變量中,
我的電腦右鍵屬性打開環境變量,找到系統變量中的path,點擊編輯輸入一個分號並把vue.cmd的路徑粘貼進去即可
點擊確定,然後重新打開dos窗口 輸入vue -V 或者 vue --version 查看vue-cli的版本
2.使用vue-cli創建項目
vue create 項目名稱
創建項目時可以選擇使用默認配置和自定義配置兩種,使用默認配置時不需要設置,按照默認直接創建完成
下面記錄一下自定義配置的過程:
(1)選擇使用自定義配置
(2)選擇一下四項,按enter鍵確定
(3)需要進行進一步設置的項
Lint on save是保存時格式化
In dedicated config files 是把配置單獨抽取成一個文件,不再放在package.json文件中
最後這項是是否要將以上配置保存下來 輸入y保存並輸入保存的名稱,保存後下次再創建項目時除了選擇默認和自定義配置時,還會出現以上保存的zhaolilistting一項
如下圖