1、首先要安装vue脚手架,使用vue -V查看是否安装vue脚手架。
2、如果项目中需要用到 Element组件,记得先安装,使用 npm 的方式安装:npm i element-ui -S
注意:需要在管理员下安装,否则有可能会安装失败。
3、在项目中引入整个 Element。
4、或是根据需要仅引入部分组件。要在babel.config.js中添加
{
"presets": [["es2015", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
按需引入需要的。
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、在使用路由的时候,记得先引入vue-router:npm i vue-router