当前位置: 首页 > Web前端 > HTML

vue2.0项目引入element-ui

时间:2023-04-02 23:08:08 HTML

从新建一个vue项目到引入组件Element一、新建一个项目1、查看是否安装了node和npm命令:node-vnpm-v(没有安装先安装环境);2.npminstall-gcnpm--registry=https://registry.npm.taobao.org(安装国内淘宝镜像文件,后面安装npm可以改成cnpm)3.安装vue-cli1、cnpminstall-gvue2、cnpminstall-gvue-cli4.安装webpackcnpminstall-gwebpack5.cd你的运行目录6.新建一个vue项目vueinitwebpackvuedemo7。进入项目目录cdvuedemo8。安装依赖cnpminstall9。运行项目cnpmrundev10。发布项目cnpmrunbuild注意:Mac电脑安装淘宝镜像前需要执行:sudochown-R$USER/usr/local2.使用element-ui前需要安装的模块:1.安装Element-UI模块cnpminstallelement-ui--save3,导入Element,之前已经全局安装过element-ui,只需要在vue项目中导入即可1.打开项目:src/main.js,添加以下三个importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)4.然后在.vue文件中直接使用即可。例如:做一些修改,添加element-button按钮:5.成功后截图: