重點：不管是全部引入還是按需引入，都要安裝element-ui的。
 

1. npm i element-ui -D 完事後可以在package.json的dev標籤下看到element。

   npm i element-ui -D

   （解釋一下：npm是node包管理器，i是install的簡寫，-D是dev的簡寫，表示開發依賴）

2. npm install babel-plugin-component -D

   同樣可以在package中看到。
    
3. 配置.babelrc檔案，這個檔案在專案最外層。這個檔案內容各人都不一樣，注意附加在plugins陣列後邊就行。

   {
     "presets": [
       ["env", {
         "modules": false,
         "targets": {
           "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
         }
       }],
       "stage-2"
     ],
     "plugins": ["transform-vue-jsx", "transform-runtime","syntax-dynamic-import","dynamic-import-node",[
       "component",
       {
         "libraryName": "element-ui",
         "styleLibraryName": "theme-chalk"
       }
       ]
     ],
     "env": {
       "test": {
         "presets": ["env", "stage-2","es2015"],
         "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "syntax-dynamic-import"]
       }
     }
   }
    
   

    

4. 引入元件
    

   import Vue from 'vue';
   import { Button, Select } from 'element-ui';
   import App from './App.vue';
   
   Vue.component(Button.name, Button);
   Vue.component(Select.name, Select);
   /* 或寫為
    * Vue.use(Button)
    * Vue.use(Select)
    */
   
   new Vue({
     el: '#app',
     render: h => h(App)
   });

    

5. 大功告成。