怎么安装Element组件库?

先创建一个项目

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

2.窗口里面输入vue ui,打开vue图形页面 

3.创建项目

 

 

 

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

 

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

到此,就已经创建好了 !

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

1.打开终端

2.

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

 npm install element-ui@2.15.3

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

npm cache clean --force
npm install element-ui@2.15.3

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

import ElementUI from 'element-ui';

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

Vue.use(ElementUI);

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

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

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

相关推荐

  1. vue3 引入Element Plus

    2023-12-06 18:18:02       64 阅读
  2. Element UI安装及使用

    2023-12-06 18:18:02       51 阅读
  3. Element UI安装及使用

    2023-12-06 18:18:02       47 阅读
  4. 入门指南:Element UI 安装及使用

    2023-12-06 18:18:02       51 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-06 18:18:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-06 18:18:02       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-06 18:18:02       82 阅读
  4. Python语言-面向对象

    2023-12-06 18:18:02       91 阅读

热门阅读

  1. 数据结构 / 队列 / 循环队列 / 入队列和出队列

    2023-12-06 18:18:02       63 阅读
  2. 我又回来了

    2023-12-06 18:18:02       47 阅读
  3. css Position(定位)

    2023-12-06 18:18:02       54 阅读
  4. 【kafka实践】10|消费者重平衡

    2023-12-06 18:18:02       59 阅读
  5. 将数据导出为excel的js库有哪些

    2023-12-06 18:18:02       58 阅读