Vue項目安裝常見問題

Vue-cli安裝

1、安裝:npm install cnpm -g --registry=https://registry.npm.taobao.org;  注意:安裝完後最好查看其版本號cnpm -v或關閉命令提示符重新打開,安裝完直接使用有可能會出現錯誤;

2、執行命令: vue init webpack demo(你新建的項目名稱/文件名稱),執行之後將會 自動初始化一個文件夾 :demo

問題1

如果運行出現'webpack-dev-server' 不是內部或外部命令,也不是可運行的程序 或批處理文件。

解決方案:將項目裏的“node_modules”文件夾刪除,然後在cmd中cd到項目目錄,依次運行命令:cnpm install和cnpm run build,最後運行cnpm run dev後項目成功運行。

問題2

刪掉項目自帶的helloworld時,修改了router的index,新建component的.vue文仔,在npm運行時出現以下等問題,這些都是vue對語法的限制過於嚴格,以至於在我第一次編譯運行的時候一直編譯失敗,當然也包括一些警告。 


解決方案:在build/webpack.base.conf.js文件中,註釋或者刪除掉:module->rules中有關eslint的規則


然後重新運行一下npm run dev或者構建命令 npm run build就可以啦。




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章