1、安裝vue/cli4 （要求node版本>=8.9） cnpm install @vue/cli -g
vue -V
@vue/cli 4.5.15
2、創建vue項目 vue create vue-demo
1）選擇手動配置還是默認配置，這里選擇Manually select features(手動配置)
2）選擇項目需要添加的插件：
Choose Vue version：選擇Vue的版本
Babel：將ES6編譯ES5 Router：支持vue-router
TypeScript：支持TypeScript處理
Vuex：支持vuex CSS Pre-processors：支持css預處理器
Linter/Formatter：支持代碼風格檢查和格式化
(*) Choose Vue version
(*) Babel
(*) TypeScript
( ) Progressive Web App (PWA) Support
(*) Router
(*) Vuex
(*) CSS Pre-processors CSS預處理
(*) Linter / Formatter
(*) Unit Testing
( ) E2E Testing
3) 選擇Vue的版本，選擇3.x
4）是否使用 使用class-style組件語法，選擇Y
5）選擇是否將 Babel 與 TypeScript 一起使用（現代模式、自動檢測的 polyfill、轉譯 JSX 需要），選擇Y
6）是否使用路由的history模式，選擇N
7）選擇一個 CSS 預處理器（默認支持 PostCSS、Autoprefixer 和 CSS Modules），選擇less
8）選擇一個 linter / 格式化程序配置，由於項目是基於Typescript的，所以選擇TSLint；
9）選擇其他 lint 功能：（按 <space> 選擇，<a> 切換所有，<i> 反轉選擇），選擇Lint on save即保存的時候進行Lint檢查；
10）單元測試選擇直接enter，進入下一步
11）選擇 Babel、ESLint 等的配置的存放位置，選擇放在package.json中；
12）是否將此保存為未來項目的預設？選擇否
13）完成vue-demo項目的創建，出現cd vue-demo npm run serve命令，則表示項目創建成功；
14）目錄結構如下：
15）運行項目，執行npm run serve，頁面如下：
3、加入ElementUI的支持（官網：https://element-plus.gitee.io/zh-CN/guide/quickstart.html）
1）安裝element-plus， 執行npm install element-plus --save
2）main.ts中引入element-plus，修改如下：
3）測試element-plus是否可用，修改src/components/HelloWorld.vue,添加按鈕，查看頁面顯示
添加按鈕后頁面多個個按鈕，顯示如下：
注意：vue add elementui不適用@vue/cli4，編譯報錯，控制台也會報錯，錯誤如下：
