一、環境搭建
1.安裝node 去官網https://nodejs.org/en/下載安裝包，安裝完成后，輸入node -v 看下是否成功
二、安裝vue4.0
1.卸載舊版本vue-cli (如果第一次安裝跳過既可)
注：如果卸載有問題，檢查C:\Users\用戶.npmrc文件，刪除以下代碼
cache=C:\Program Files\nodejs\node_cache
prefix=C:\Program Files\nodejs\node_global
2.安裝新版本
npm install @vue/cli -g ///-g表達全局安裝，這是4.0安裝方式
cnpm install vue-cli-g ///這個是3.0以下版本安裝方式
3.安裝以后查看版本號：
vue -V
三.創建項目
1.創建項目
vue create project-name
default：是使用默認配置
Manually select features：是自定義配置
2.選擇配置（自定義配置）
1 ? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
2 >( ) Babel //轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行。
3 ( ) TypeScript// TypeScript是一個JavaScript（后綴.js）的超集（后綴.ts）包含並擴展了 JavaScript 的語法，需要被編譯輸出為 JavaScript在瀏覽器運行，目前較少人再用
4 ( ) Progressive Web App (PWA) Support// 漸進式Web應用程序
5 ( ) Router // vue-router（vue路由）
6 ( ) Vuex // vuex（vue的狀態管理模式）
7 ( ) CSS Pre-processors // CSS 預處理器（如：less、sass）
8 ( ) Linter / Formatter // 代碼風格檢查和格式化（如：ESlint）
9 ( ) Unit Testing // 單元測試（unit tests）10 ( ) E2E Testing // e2e（end to end） 測試
3.是否使用class風格的組件語法
4.是否使用babel做轉義：Use Babel alongside TypeScript for auto-detected polyfills?
5.選擇是否使用路由 history router
6.css 的預處理器我選擇的是 Sass/SCSS(with dart-sass) 。node-sass是自動編譯實時的，dart-sass需要保存后才會生效
7.語法檢測工具，這里我選擇ESLint + Prettier
8.然后選擇什么時候進行代碼校驗，Lint on save 保存就檢查，Lint and fix on commit fix 或者 commit 的時候檢查，建議第一個
9.下面就是如何存放配置了，In dedicated config files 存放到獨立文件中，In package.json 存放到 package.json 中
本着項目結構簡單的想法，我選擇了第二個
10.保存為預設項目配置
11.項目創建好后
$ cd project-name
$ npm run serve
12.然后在瀏覽器輸入http://localhost:8080,就可以看到運行的界面了
