怎么安装Element组件库?

先创建一个项目

1.现在桌面创建一个文件夹

怎么安装Element组件库?_第1张图片

2.窗口里面输入vue ui,打开vue图形页面 怎么安装Element组件库?_第2张图片

3.创建项目

怎么安装Element组件库?_第3张图片 怎么安装Element组件库?_第4张图片

怎么安装Element组件库?_第5张图片 

怎么安装Element组件库?_第6张图片 怎么安装Element组件库?_第7张图片

 4.接下来只要等待就行了

怎么安装Element组件库?_第8张图片 怎么安装Element组件库?_第9张图片

 到这里很多人会发现自己没有NPM脚本这个女选项,这时候我们要点击package.json他才会出来

怎么安装Element组件库?_第10张图片

到此,就已经创建好了 !

接下来我们要导入一个很厉害的工具,element

1.打开终端

怎么安装Element组件库?_第11张图片

2.

输入命令:(我已安装过,这里就不演示了,然后安装上之后进行第三步)

 npm install [email protected]

安装不上的,可以先清除upm缓存,再安装 

npm cache clean --force
npm install [email protected]

3.然后在main.js文件中引入element-ui并使用:

import ElementUI from 'element-ui';

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

Vue.use(ElementUI);

怎么安装Element组件库?_第12张图片

到这里安装已经结束了!!!,更详细的可以查看官方的文档,地址在下面:

Element组件icon-default.png?t=N7T8https://element.eleme.cn/#/zh-CN/component/quickstart

希望对你有帮助!!!!!!!!!!!!!!!!!!!!

你可能感兴趣的:(vue.js,前端,javascript)