安裝nodejs 官網安裝

安裝完進cmd

輸入 node -v  出現版本號則安裝成功

node 全域性安裝 -g 的庫都在 C:\Users\使用者\AppData\Roaming\npm\node_modules

直接區域性安裝的都在專案目錄下 \node_modules 裡面

1.安裝vue

  npm install vue  安裝vue

測試是否安裝成功：vue -V  出現版本號則成功

2.全域性安裝vue 腳手架

npm install --global vue-cli

檢視有什麼可以建立的專案可以輸入 vue list

3.建立一個vue專案

vue init webpack new-project

輸入上面命令後，會詢問幾個選項，根據自己需要填寫就可以了。

Project name :專案名稱，如果不需要就直接回車。注：此處專案名不能使用大寫。

Project description:專案描述，直接回車

Author ：作者

vue build 構建方式（暫且這麼解釋）

兩個選擇（上下箭頭選擇，回車即為選定）

  1.Runtime + Compiler:recommended for most users    (譯：執行+編譯：被推薦給大多數使用者)

  2.Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY 

  allowed in .vue files-render functions are required elsewhere(譯：只執行大約6KB比較輕量的壓縮檔案，但只允許模板（或任何VUE特定HTML）。VUE檔案需要在其他地方呈現函式。翻譯不精準，意思大概是選擇該構建方式對檔案大小有要求)

  這裡推薦使用1選項，適合大多數使用者的

install vue-router？是否安裝vue的路由外掛，需要就選y，否則就n（以下均遵循此方法）

Use ESLint to lint your code"_blank" href="https://github.com/feross/standard">https://github.com/feross/standard) js的標準風格，不需要 直接no 否則寫程式碼很難受

• Airbnb(https://github.com/airbnb/javascript) JavaScript最合理的方法，這個github地址說是JavaScript最合理的方法
• none (configure it yourself) 自己配置   建議選這個

Setup unit tests"" src="/UploadFiles/2021-04-02/202003061442043.png">

4.啟動專案

進入專案目錄 開啟cmd

npm run dev

5.打包專案

npm run build