之前電腦已經安裝 Node環境和 vue-cli腳手架,但是過段時間沒有使用,然后現在用 vue-cli 搭建項目的時候,啟動服務器的時候報錯,無法啟動成功,摸索半天,發現是因為 Node和vue-cli 的版本過低,都需要更新,更新過后成功啟動......
以下是 Node 和 vue-cli 更新的總結:
一. vue-cli更新
在百度了好久,也試了好多方法,沒用,最后使用以下方法實現 vue-cli 更新:
1. 先全局卸載vue-cli: npm uninstall vue-cli -g
2. 重新下載:npm install vue-cli -g
二. Node 的更新
我使用的是Node版本管理工具(nvm)進行 Node版本的切換,在使用 vue-cli 搭建 vue 項目前,先把 Node版本切換到最新版,
然后再: vue init webpack <project-name> 來初始化項目;
在切換 Node版本的時候發現了自己給自己挖了一個坑,就是在安裝 nvm 的時候不是全局安裝,所以必須跑到之前安裝 nvm 的路徑下,才能使用 nvm 進行 Node 版本的切換。
webpack + vue-cli 搭建 vue 項目的流程
保證先安裝 Node 環境,然后使用下載Node時自帶的 npm (node 的包管理工具) 下載各種依賴,比如:vue-cli,安裝 vue-cli后才能使用 vue 命令來初始化項目
1. 全局安裝vue的腳手架:vue-cli
npm install vue-cli -g
2. 使用初始化 vue 項目: (使用 webpack模板搭建項目)
vue init webpack <project-name>
3. 進入剛剛新建的項目文件:
cd <project-name>
4. 安裝vue項目所需要的依賴
npm install
5. 運行啟動項目:
npm run dev
Node版本管理工具(nvm)的安裝可以參考:Nvm安裝,有點小復雜,而且還沒有全局安裝,看看就行,解決方案出來再進行修改,如果大神有好的解決方案請告之,菜鳥自摸實在是太心酸了,一個問題能搞一下午.....,純屬浪費時間