当前位置: 首页 > article >正文

vue脚手架Vue CLI 2.9.6创建工程,并引入elementUI的方法

1、安装Vue CLI 2.9.6

npm install vue-cli -g

2、查看版本号

E:\test_element>vue -V
2.9.6

3、创建工程,例如取工程名为test

vue init webpack "test"

4、安装elementUI插件

cd test

npm i element-ui -S --legacy-peer-deps

5、在代码的main.js中引入elementUI

import ElementUI from 'element-ui'; // ui组件
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
6、使用elementUI,例如增加一个danger按钮

<el-button type="danger">危险按钮</el-button>


http://www.kler.cn/a/318755.html

相关文章:

  • 深入探索React合成事件(SyntheticEvent):跨浏览器的事件处理利器
  • SQL面试题——奔驰SQL面试题 车辆在不同驾驶模式下的时间
  • 数字后端教程之Innovus report_property和get_property使用方法及应用案例
  • 今日 AI 简报 | 开源 RAG 文本分块库、AI代理自动化软件开发框架、多模态统一生成框架、在线图像背景移除等
  • 容器技术在DevOps中的应用
  • 新版 idea 编写 idea 插件时,启动出现 ClassNotFound
  • SpringBoot文档管理系统:架构与功能
  • Docker Compose 搭建 Redis 哨兵集群模式搭建详解(1主2从+3哨兵)(包含主从复制的搭建) (保证一遍学会)
  • 【Python大语言模型系列】一文教你使用dify云版本开发一个智能客服机器人(完整教程)
  • 线性判别分析(LDA)中计算两个类的中心点在投影方向w上的投影示例
  • 【质优价廉】GAP9 AI算力处理器赋能智能可听耳机,超低功耗畅享未来音频体验!
  • SpringBoot开发——实现webservice服务端和客户端
  • Paper 0 | Visual Instruction Tuning
  • Html--笔记01:使用软件vscode,简介Html5--基础骨架以及标题、段落、图片标签的使用
  • golang strings api接口
  • TraceId在线程池及@Async异步线程中如何传递
  • 低代码门户技术:构建高效应用的全新方式
  • Linux之实战命令10:htop应用实例(四十四)
  • 【中台设计】数字中台,大数据中台解决方案,中台建设指南(资料Word分享)
  • 聊天组件 Vue3-beautiful-chat 插槽
  • Golang | Leetcode Golang题解之第424题替换后的最长重复字符
  • 网安面试题1
  • Pygame中Sprite实现逃亡游戏2
  • 基础容器.
  • ECMAScript与JavaScript的区别
  • MicroPython 怎么搭建工程代码