基于vue|基于vue cli使用elemnt UI库
如何构建基于vue cli使用elemnt UI库
- 安装npm和node
npm -v
node -v
如果没有安装npm和node，请在node官网下载
- 安装vue+cli
npm install -g vue-cli
首次需要全局安装，第二次就不需要了
如果失败，尝试
sudo npm install -g vue-cli
- vue初始化项目（创建基于webpck模板的新项目）
vue init webpack my-project
一路回车 （my-project为项目名字，可修改）
- 找到项目，安装依赖
npm install
- 启动项目
npm run dev
【基于vue|基于vue cli使用elemnt UI库】在浏览器输入localhost:8080，就可以看到
- 安装 element UI
npm i element-ui -S
- 找到项目下main.js文件，修改配置，其他页面就可以直接用element UI了
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2020-04-07vue中Axios的封装和API接口的管理
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- 基于爱，才会有“愿望”当“要求”。2017.8.12
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)