VUE CLI 3.0 项目引入 ElementUI
程序员文章站
2022-05-23 12:35:25
ElementUI 官网: http://element-cn.eleme.io/#/zh-CN/component/installation 一、通过npm安装依赖包 1. 进入到项目目录,执行指令 : npm i element-ui -S 2. 安装成功后 package.json 中可以看到 ......
elementui 官网: http://element-cn.eleme.io/#/zh-cn/component/installation
一、通过npm安装依赖包
1. 进入到项目目录,执行指令 : npm i element-ui -s
2. 安装成功后 package.json 中可以看到相关依赖,如下图:
二、在 main.js 文件中引入 elementui
说明: 样式文件得单独引用进来, reset.css 是样式重置文件,根据自己项目情况引入
至此,一个基于 vue 和 element 的开发环境已经搭建完毕,现在就可以编写代码了。各个组件的使用方法请参阅它们各自的文档。
备注:还有一种引入方式就是通过 vue-cli-plugin-element 插件进行引入,插件地址:https://github.com/elementui/vue-cli-plugin-element
推荐阅读
-
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
-
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
-
Vue Cli 3项目使用融云IM实现聊天功能的方法
-
使用 Vue cli 3.0 构建自定义组件库的方法
-
vue-cli 引入jQuery,Bootstrap,popper的方法
-
Vue-CLI 3.X 部署项目至生产服务器的方法
-
vue cli3.0 引入eslint 结合vscode使用
-
vue cli3.0结合echarts3.0与地图的使用方法示例
-
vue项目中引入vue-datepicker插件的详解
-
如何基于vue-cli3.0构建功能完善的移动端架子