前言
根據上一篇文章，通過vue-cli3.0創建了一個vue項目 https://www.cnblogs.com/FTAH/p/12427997.html
1.在當前項目中加入Element-ui前端框架
1.首先在官方網站的這一頁我們發現要安裝框架 https://element.eleme.cn/#/zh-CN/component/installation 注意這里提供了兩種方式，一種是npm安 裝， 一種是通過像以前引入js庫的網絡引入方式寫在html上面的方式。項目推薦npm方式。
2.打開事先安裝好的Visual Studio Code軟件來編輯這個項目
這個時候我把剛剛命令行窗口運行的界面，通過按壓鍵盤 Ctrl鍵+C鍵 來終止運行項目，這里提示是否終止，輸入 Y ，回車。然后這個cmd命令窗口可以關掉，因為編輯軟件內操作比較方便。
3.點擊終端后點擊新終端，會在軟件下方出現cmd的命令終端，默認路徑已經在項目處
4.填入官網的安裝方式 npm i element-ui -S 回車
安裝完成
5.通過官方網站 https://element.eleme.cn/#/zh-CN/component/quickstart 看到如果需要按需引入組件，就需要安裝安裝 babel-plugin-component，在 剛剛的終端中輸入 npm install babel-plugin-component -D 回車
安裝完成
6.修改babel.config.js加入下面的代碼，要注意presets里面的東西不需要改
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
7.修改main.js文件，加入按需引入按鈕控件的代碼，然后Vue.use一下，多個組件則可以在引入處這樣寫
import { Button, Select } from 'element-ui';
Vue.use(Button);
Vue.use(Select);
8.根據官方網站的button控件 https://element.eleme.cn/#/zh-CN/component/quickstart 復制一段出來
粘貼到HellowWord.vue文件中，保存
2.運行程序
1.在舊的終端或者新建一個終端，輸入 npm run serve 運行程序，提示我們打開 http://localhost:8081/ 來查看網頁
2.打開網頁，輸入，發現Element-ui按鈕的樣式已經呈現在頁面中
