1.安裝vue-cli
npm install -g @vue/cli # or yarn global add @vue/cli
安裝成功后可以查看版本號：vue -V
如果出現版本號@vue/cli 4.5.13 那么表示安裝成功 （4.5.13是我當時的最新版）
2.創建項目
vue create project (vue create+你的項目名稱，project為我此次創建項目的項目名)
然后按下回車鍵，會顯示以下界面，因為我之前有保存過名稱為EIT的設置，所以我的截圖界面會多一選項 ，你們的沒有
①
？ Please pick a preset: //請選擇一個預設：
Default 〈[Uue 2] babel,eslint) //vue2 的默認設置（直接enter）非常適合快速創建一個新項目的原型， 沒有帶任何輔助功能的 npm包
Default (Uue 3)〈[Uue 3] babel,eslint) //vue3 的默認設置（直接enter）非常適合快速創建一個新項目的原型， 沒有帶任何輔助功能的 npm包
Manually select features //手動選擇配置，提供可選功能的npm包 （推薦，可以根據自己的需求搭配項目）
↑↓鍵控制 回車鍵確認 (推薦選擇 Manually select features（手動配置），這樣就可以根據你的項目需求簡單的做一些項目的前期配置)
②回車后會出現以下界面：
↑↓鍵控制，空格鍵選中 ，回車鍵確認
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection) >( ) Babel //轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行。 ( ) TypeScript // TypeScript是一個JavaScript（后綴.js）的超集（后綴.ts）包含並擴展了 JavaScript 的語法，需要被編譯輸出為 JavaScript在瀏覽器運行，目前較少人再用 ( ) Progressive Web App (PWA) Support // 漸進式Web應用程序 ( ) Router // vue-router（vue路由） （推薦選擇） ( ) Vuex // vuex（vue的狀態管理模式） （根據個人需求所選） ( ) CSS Pre-processors // CSS 預處理器（如：less、sass） （推薦選擇） ( ) Linter / Formatter // 代碼風格檢查和格式化（如：ESlint） （推薦選擇）
( ) Unit Testing // 單元測試（unit tests）
( ) E2E Testing // e2e（end to end） 測試
按下回車后會出現以下界面：
ter, Uuex, CSS Pre-processors, Linter
? Choose a version of Uue. js that you want to start the project with (Use arrow keys)//選擇一個版本的Uue。您要使用其啟動項目的js（使用箭頭鍵）
>2.x
3.x
這里我選擇的是版本3.
按下回車鍵后會提示：
//使用類樣式的組件語法？（是/否)
這里我選擇否。
按下回車鍵：
？將Babel與TypeScript一起使用（現代模式所需，自動檢測的polyfill，填充JSX）？（Y / n）
選擇Yes,回車
路由器使用歷史模式? (生產中索引回退需要正確的服務器設置)(Y/n）
選擇Yes,回車：
？ Pick a CSS pre-processor (PostCSS,Autoprefixer and CSS Modules are supported by default):<Use arrow keys)
// 選擇一個CSS預處理程序(默認支持PostCSS,Autoprefixer和CSS模塊):<使用方向鍵) Sass/SCSS (with dart-sass) Sass/SCSS<with node-sass) （推薦選擇） Less //三種css預處理，根據自己所喜歡選擇，這里我選擇scss
node-sass是自動編譯實時的，dart-sass需要保存后才會生效
回車后會出現以下界面：
選擇一個代碼檢查工具
Pick a linter / formatter config:（Use arrow keys) //選擇linter / formatter配置:<使用方向鍵)
>ESLint with error prevention only //僅錯誤預防ESLint
ESLint +Airbnb config //完美的
ESLint +Standard config //標准配置
ESLint +Prettier //統一代碼規范（推薦使用）
TSLint (deprecated) //已棄用
回車：
Lint on save // 保存就檢測 (推薦選擇)
Lint and fix on commit //fix 和 commit 的時候檢查
回車：
Where do you prefer placing config for Babel, ESLint, etc.?<Use arrow keys) // 選擇 Babel, PostCSS, ESLint 等自定義配置的存放位置？ In dedicated config files //在獨立配置文件中 In package. json //在package.json中
這里我選擇 In dedicated config files，回車
? Save this as a preset for future projects? (y/N) N # 選擇yes，記錄本次配置，然后需要你起個名，方便下次配置 # 選擇no，不進行記錄
回車：
等待一段時間后就可以了
cd project 進入到名為project的文件夾當中，回車
然后npm run serve 回車 ，運行項目
npm run build指令為壓縮項目代碼，減小代碼所需大小，
看到以上界面就可以在瀏覽器上輸入 localhost:8080,看到以下界面，那么恭喜你，你的項目已經搭建成功了
一般所創建的項目會在系統盤C盤，路徑為C:\Users\Administrator.PC-201911201201\project Administrator.PC-201911201201是我計算機的命名，你的可能不一樣，一般都是在C:\用戶\...\...
一個項目的開始表示一位改變世界的碼農誕生，希望你今后仍然對代碼產生濃厚的興趣，加油吧！年輕人，你要相信世界會因為你而變得更加美好！