vue-cli中安装element ui步骤以及遇到的坑

来源:互联网 发布:当前数据连接不可用 编辑:程序博客网 时间:2024/06/16 19:01

安装vue-cli 

1.安装vue:npm install vue

2.全局安装vue-cli:npm install --global vue-cli

3.创建webpack模板项目:vue init webpack project(文件名)

4.进入cd到项目文件,安装依赖包:npm install

到此为止:vue-cli脚手架完成 npm run dev

安装element ui

1.安装 npm i element-ui

2.在main.js中引入js和css代码如下:

import ElementUI from'element-ui' //引入js

import'element-ui/lib/theme-chalk/index.css'//引入css

Vue.use(ElementUI)


这样你的element ui 就安装完成了

这样你接可以尽情的使用element ui

注意以下几个坑:

1.是否引入js与css文件

css文件是静态文件地址,安装教程安装地址不会出错

2.检查node的版本,是否node版本过低

3.检查以下你的npm版本 npm版本是否过低



原创粉丝点击