安裝vue-cli

npm install -g vue-cli

創建一個基于webpack模板的新項目

vue init webpack vuedemo

cd vuedemo

安裝依賴

npm install?

安裝element-ui?

npm install element-ui --save

修改main.js

import Vue from 'vue' import App from './App' import router from './router' import { Button, Select } from 'element-ui' import 'element-ui/lib/theme-default/index.css' Vue.config.productionTip = false Vue.use(Button) Vue.use(Select)/* eslint-disable no-new */ new Vue({el: '#app',router,template: '<App/>',components: { App } }) 修改App.vue <template><div id="app"><img src="./assets/logo.png"><el-button>默認按鈕</el-button><router-view></router-view></div> </template>
目錄結構

運行

npm run dev

編譯

npm run build

參考資料

https://github.com/ElemeFE/element

http://element.eleme.io

總結

以上是生活随笔為你收集整理的WebStorm Vue ElementUI的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。