vue-cli的安裝及版本查看更新
vue-cli安裝
npm install vue-cli -g
vue-cli的版本查看
vue -V
vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安裝命令安裝的並不是最新版的3.0+的,而如果安裝3.0的話就需要使用新的
npm install @vue/cli -g
如果原來已經安裝了vue-cli的話需要先卸載原來的安裝
npm uninstall vue-cli -g
vue/cli4的安裝與使用
1:若你已安裝過vue-cli2的話,你得先卸載掉,命令如下
//首先查看是否已安裝過vul-cli vue -V //如是有的話,就用下面命令卸載 npm uninstall vue-cli -g
2:安裝vue-cli 4.0.5
//一鍵初始化項目 npm init -y // 安裝vue-cli npm install @vue/cli -g //也可使用cnpm 來安裝 ,比較快些 cnpm install @vue/cli -g
3:創建一個項目
//1.命令 回車 vue create 項目名 //2.選擇自定義配置 Manually select features //3.選擇你需要的配置 Babel (必選) TypeScript(項目中使用ts開發的話,就勾選) Progressive Web App (PWA) Support (接口緩存,優化項目) Router Vuex css Pre-processors (css預處理器,需要) Linter / Formatter (代碼格式,一般默認選中) Unit Testing (代碼測試) E2E Testing(需求界面測試) //4.根據你選的配置進行Y/N選擇 //5.選擇完之后,就可以運行項目 npm run serve