小白的我更新一波利用vue 3.x創建vue2.x項目 vue官網 https://cn.vuejs.org/v2/guide/
1.准備 node npm/cnpm/yarn (cnpm/yarn比npm安裝的要快),本人以npm為例。
2.全局安裝 @vue-cli 腳手架 利用vue -V查看版本號 ;如果安裝失敗,查看node環境變量,重新安裝node ,重新安裝vue
ps: npm install --g vue-cli 是2.x版本的安裝方法 版本3.x多了一個@ npm install --g @vue-cli 符號 2.x版本也能安裝 安裝的版本我的是2.9.6
vue 3.x版本安裝
npm install -g @vue/cli
3.創建項目 vue init webpack mydemo 這時會顯示一下信息
因為Vue-cli 3.x和vue-cli 2.x使用了相同的 vue
命令,所以 vue-cli 2.x 被覆蓋了。如果你仍然需要使用舊版本的 vue init
功能,你可以全局安裝一個橋接工具
@vue/cli-init
4:安裝@vue/cli-int
npm install -g @vue/cli-init
5.創建項目
vue init webpack mydemo
項目名稱 描述 作者 vue搭建 (對vue搭建的解釋) 稍微看一下 本人選擇第一個了
是否安裝路由 是否安裝eslint 單元測試( 個人覺得不安裝選擇) e2e測試(個人覺得不安裝選擇 )
選擇安裝
安裝完成,cd到項目下 啟動命令 瀏覽器打開 localhost:8080
npm run start
項目創建完成
以上操作官網也有,一路上也沒碰到什么坑,有問題自行百度,一般規規矩矩不會有問題