检查配置是否安装
1.npm
npm -v
2.Vue
vue -v
3.检查是否安装脚手架
vue -V
创建项目
vue create 项目名(不允许出现大写字母)
启动项目
终端切换至项目根目录后在终端输入
npm run serve
根据终端提示的地址进入网页,出现下图则表示项目创建成功。
引入element-ui
1.先使用npm进行安装
npm i element-ui -S
2.引入
完整引入:
在main.js中添加如下代码
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
按需引入
使用npm安装babel-plugin-component
npm install babel-plugin-component -D
然后在babel.config.js文件中添加
presets: [
'@vue/cli-plugin-babel/preset'
],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
安装vue路由
npm i vue-router@(版本号)
然后再在main.js中导入即可