1. 程式人生 > >vue 如何新建一個專案///Vue專案碰到"‘webpack-dev-server’不是內部或外部命令,也不是可執行的程式或批處理檔案"報錯

vue 如何新建一個專案///Vue專案碰到"‘webpack-dev-server’不是內部或外部命令,也不是可執行的程式或批處理檔案"報錯

1:開啟cmd命令列,首先安裝node

步驟:https://nodejs.org/en/download/      node官網,選擇跟自己的電腦匹配的版本進行下載,然後一步步的安裝即可,輸入node -v,如果出現版本資訊即表示安裝成功。

2:npm包管理器是整合在node中的,所以直接輸入npm -v就能檢視到版本資訊

3:輸入npm install -g cnpm --registry=http://registry.npm.taobao.org ,安裝淘寶映象安裝相關依賴

4:安裝vue-cli腳手架構建工具,輸入命令 npm install -g vue-cli,安裝完成即可。

5:選定路徑,新建vue專案,這裡我是新建到桌面上


6:在上一步得目錄下新建專案,指令vue init  webpack +專案名稱


7:上一步之後就會開始新建專案,詢問專案的相關配置。一路yes省事兒沒啥問題

8:進入到專案的資料夾下


9:執行專案,指令npm run dev


10:在瀏覽器中開啟這個網址,就能看到

至此,vue專案新建完畢

安裝後報錯


將專案裡的“node_modules”資料夾刪除,然後在cmd中cd到專案目錄,依次執行命令:npm install和npm run build,最後執行npm run dev後項目成功執行。