之前電腦已經安裝 node環境和 vue-cli腳手架,但是過段時間沒有使用,然後現在用 vue-cli 搭建專案的時候,啟動伺服器的時候報錯,無法啟動成功,摸索半天,發現是因為 node和vue-cli 的版本過低,都需要更新,更新過後成功啟動......
1. 先全域性解除安裝vue-cli: npm uninstall vue-cli -g
我使用的是node版本管理工具(nvm)進行 node版本的切換,在使用 vue-cli 搭建 vue 專案前,先把 node版本切換到最新版,
然後再: vue init webpack 來初始化專案;
在切換 node版本的時候發現了自己給自己挖了乙個坑,就是在安裝 nvm 的時候不是全域性安裝,所以必須跑到之前安裝 nvm 的路徑下,才能使用 nvm 進行 node 版本的切換。
1. 全域性安裝vue的腳手架:vue-cli
npm install vue-cli -g
2. 使用初始化 vue 專案: (使用 webpack模板搭建專案)
vue init webpack
3. 進入剛剛新建的專案檔案:
cd 4. 安裝vue專案所需要的依賴
npm install
5. 執行啟動專案:
npm run dev
node版本管理工具(nvm)的安裝可以參考:nvm安裝,有點小複雜,而且還沒有全域性安裝,看看就行,解決方案出來再進行修改,如果大神有好的解決方案請告之,菜鳥**實在是太心酸了,乙個問題能搞一下午.....,純屬浪費時間
vue腳手架安裝
cli 別名 腳手架 npm cnpm yarn 作用 版本 cli2 cli3 安裝npm install vue cli g cli3的版本 npm install vue cli g cli2的版本 yarn add vue cli global步驟 先安裝cli3 在安裝 vue cli i...
vue安裝腳手架
如果之前安裝過舊版本 非3.x 腳手架需要先解除安裝舊版本 命令 nmp uninstall vue cli g mac電腦需要在前面 加sudo nmp install g vue cli 安裝腳手架,用於生成專案 安裝得比較久 nmp install g vue cli service glob...
安裝vue腳手架
vue2.0 1.vue v 檢視版本,如果出現版本號,之前已經安裝過了。如果之前安裝的版本是想要的版本,可以直接建立專案 2.npm uninstall vue cli g 如果之前安裝了3.0的版本,現在想要安裝2.0,先解除安裝安裝過的版本 3.npm cache clean force 如果...