一、前期準備（如果已搭建的可以往下看）
1. 安裝node （node -v查詢版本號） (下載地址:https://nodejs.org/en/download/)
2. 安裝淘寶映象命令： npm install -g cnpm --registry=https://registry.npmmirror.com
3. 安裝 webpack，以全域性的方式安裝 命令：npm install webpack -g
4.全域性安裝vue以及腳手架vue-cli命令：npm install @vue/cli -g --unsafe-perm
二、專案建立
1.建立vue專案命令 vue create 專案名稱
2.選擇手動配置（Manually select features）
3.選擇需要使用的特性：Babel，Router，Vuex，CSS Pre-processors，Linter / Formatter（單元、E2E測試不選，ts根據專案情況選）（空格鍵選中）
4.選擇vue版本
5.router 選擇路由模式：選用history（URL 中不帶有 # 符號，但需要後臺配置支援）
6.選擇 CSS Pre-processors：Sass（因為element使用Sass）
7.選擇 Linter / Formatter（Pick a linter / formatter config: (Use arrow keys)：通常選擇ESLint + Standard config
8.選擇在什麼時間進行檢測（Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)）
9.選擇在什麼位置儲存配置檔案（Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)）
10.選擇是否儲存本次配置以便於下次使用（Save this as a preset for future projects? (y/N)）：N
11.vue專案建立完成
12.根據終端的提示，cd進入專案後，執行npm run serve
12.訪問http://localhost:8080 出現一下頁面，說明vue專案npm run serve執行成功
專案目錄檔案
三、搭建element UI
1.匯入element UI
官方文件：https://element.eleme.cn/#/zh-CN/component/installation
全域性匯入命令：npm i element-ui -S
如果匯入不成功執行命令：cnpm i element-ui -S
2.在main.js中引入
1 import Vue from 'vue' 2 import App from './App.vue' 3 import router from './router' 4 import store from './store' 5 import 'element-ui/lib/theme-chalk/index.css' 6 import ElementUI from 'element-ui' 7 8 Vue.use(ElementUI) 9 Vue.config.productionTip = false 10 11 new Vue({ 12 router, 13 store, 14 render: h => h(App) 15 }).$mount('#app')
四、安裝必要的基礎擴充套件包
1.為方便變成，引入lodash工具庫。命令：cnpm i --save lodash
2.安裝css-loader style-loader（安裝style-loader是為了在html中以style嵌入css）
安裝 css-loader：cnpm install css-loader --save-dev
安裝 style-loader：cnpm install style-loader --save-dev
3.安裝less-loader 如果我們需要再js中，require .less檔案，就需要安裝less less-loader 包
安裝less命令： cnpm install less --save-dev
安裝less-loader 命令： cnpm install less-loader --save-dev
4.安裝script-loader（指令碼載入器）輕鬆管理你的js 類庫
安裝script-loader命令： cnpm install script-loader --save-dev
5.安裝日期外掛dayjs
安裝dayjs命令：cnpm install dayjs --save
6.安裝crypto-js加密外掛
安裝dayjs命令：cnpm install crypto-js
7.安裝tree-table-vue表格
安裝tree-table-vue命令：cnpm i tree-table-vue -S
8.安裝跨域axios
安裝axios命令：cnpm install axios -S
