基于vue cli使用elemnt UI库

如何构建基于vue cli使用elemnt UI库

1. 安装npm和node

npm -v
node -v

如果没有安装npm和node，请在node官网下载

2. 安装vue+cli

npm install -g vue-cli

首次需要全局安装，第二次就不需要了
如果失败，尝试

sudo npm install -g vue-cli

3. vue初始化项目（创建基于webpck模板的新项目）

vue init webpack my-project

一路回车 （my-project为项目名字，可修改）

4. 找到项目，安装依赖

 npm install 

5. 启动项目

npm run dev

在浏览器输入localhost:8080，就可以看到

6. 安装 element UI

npm i element-ui -S

7. 找到项目下main.js文件，修改配置，其他页面就可以直接用element UI了

 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css'; 
 Vue.use(ElementUI);