在Vue2项目中引入ElementUI详细步骤

1.使用npm安装ElementUI,安装好后在package.json文件查找element-ui是否安装好

npm i element-ui -S

2.在main.js中引入element-ui

TypeScript 复制代码
import Vue from "vue";
import App from "./App.vue";

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

Vue.config.productionTip = false;

Vue.use(ElementUI)
new Vue({
  render: (h) => h(App),
}).$mount("#app");

element-ui官网组件地址:https://element.eleme.cn/#/zh-CN/component/installation

相关推荐
超浪的晨5 分钟前
JavaWeb 进阶:Vue.js 与 Spring Boot 全栈开发实战(Java 开发者视角)
java·开发语言·前端·javascript·vue.js·html·个人开发
开开心心就好25 分钟前
PDF转图片工具,一键转换高清无损
服务器·前端·智能手机·r语言·pdf·excel·batch
Java手札1 小时前
安装如下依赖(package.json 未包含):vueelement-plusecharts@element-plus/icons-vue
前端·javascript·vue.js
EndingCoder1 小时前
Three.js + AI:结合 Stable Diffusion 生成纹理贴图
开发语言·前端·javascript·人工智能·stable diffusion·ecmascript·three.js
haruma sen1 小时前
VUE前端
前端
汪叽家的兔子羡1 小时前
vue模块化导入
前端·javascript·vue.js·typescript·vue3·vue2·vite
植物系青年1 小时前
300 行代码!手把手教你写一个简版 Vue3 框架 📣
前端·vue.js
秉承初心1 小时前
Vue3与ES6+的现代化开发实践(AI)
前端·vue.js·es6
Spirited_Away1 小时前
脚手架开发之多包管理(npm, yarn, pnpm workspaces)
前端·面试
iaku1 小时前
🔥React高级特性实战:错误边界、Portals与Refs进阶
前端·react.js·trae