剛開始接觸vue.js在刺,感覺還沒入門就被一腳踹了出來恐锦。
以下是安裝環(huán)境時踩過的坑的總結(jié):
- 首先需要最新的node環(huán)境融击,看有的大牛的博客說只要node版本高于4.0就沒問題次乓。
如何檢查node版本:在命令行窗口輸入
node -v
如何更新node:
npm -g update
- 全局安裝vue
npm install vue -g
- 全局安裝vue的腳手架vue-cli
npm install -g vue-cli
- 本地用webpack模板創(chuàng)建項目, ** 注意:my-project為項目名稱吓歇,且項目名稱不能有大寫字母**
vue init webpack my-project
- 跳轉(zhuǎn)到項目根目錄,也就是my-project里面
cd my-project
- 安裝依賴模塊node modules
npm install
也可以使用cnpm
cnpm install
- 如果以上操作都沒有問題票腰,執(zhí)行以下語句
npm run dev
瀏覽器會自動打開城看,顯示vue的歡迎界面。
- 如果顯示node_modules missing杏慰,則是第六步安裝錯誤测柠。
- 如果還是有bug炼鞠,檢查一下8080端口有沒有被占用,如果被占用轰胁,可以在config文件夾里的index.js更改端口谒主。
- 我自己當(dāng)時死活安裝報錯是因為文件路徑不對,一定要看清什么時候在哪兒操作T叻Аv稀!