mac下搭建基於vue-cli 3.0的Element UI 項目

1.安裝yarn管理工具（包含node.js）;

2.安裝全局vue-cli全家桶：

yarn global add @vue/cli

3.建立、測試一個vue-cli項目：

vue create admin

默認會提示選擇那些安裝:

Vue CLI v3.3.0
? Please pick a preset: (Use arrow keys)
❯ project1 (vue-router, vuex, sass, babel, pwa, eslint) #這裏是我以前建立項目並保持了他的配置（Save preset as: xxxx）
  default (babel, eslint) #默認建立，由於不太清楚它是否具有了該有的功能和組件，索引本身選擇了下面自定義安裝 
  Manually select features #自定義建立

按空個進行勾選：

• Bable 預編譯
• TypeScript
• Progressive Web App (PWA) Support 優化用的
• Router 路由
• Vuex
• CSS Pre-processors CSS預處理器
• Linter/Formatter 代碼格式化
• Unit Testing 單元測試
• E2E Testing E2E測試

接着是一些細化的選擇，詳情能夠看上圖，其中最後一步提示是否做爲一個默認候選建立包，能夠結合本身須要設定做爲一個建立模板（即前面說起的project1）；

4.基於vue-cli@3引入element組件
建立好項目以後，切換到目錄內：

vue add element

會出現如下提示：

? How do you want to import Element? (Use arrow keys)

爲了方便，能夠選擇全局引用：full import

1. ? Do you wish to overwrite Element's SCSS variables? Yes
2. Choose the locale you want to load zh-CN

以後就能夠經過命令yarn serve編譯、運行網站了