Elementui的使用

1.安装vue脚手架

这里只是新建项目的，如果npm还没安装的话/不知道在哪里打这些代码的，移步  https://www.jianshu.com/p/02b12c600c7b

 vue init webpack kaoyan
//kaoyan 是项目名

这部分回车

? Project name (kaoyan)
? Project description (A Vue.js project)
? Author (闃挎櫞 <[email protected]>)
? Vue build (Use arrow keys)
? Install vue-router? (Y/n)

这部分选 n
? Use ESLint to lint your code? (Y/n) n
? Set up unit tests (Y/n) n
? Setup e2e tests with Nightwatch? (Y/n) n

cd kaoyan
//kaoyan是刚刚写的项目名

npm install

npm run dev

几个代码执行完，出现  http://localhost:8080 就是我们的项目啦！

ps:下一次打开: 

①  转到项目目录：cd kaoyan 

② npm run dev

 

2.安装elementui

npm i element-ui -S

在src/main.js里写入

//指定当前项目中使用elementui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

// 在vue脚手架中使用elementui
Vue.use(ElementUI);

3.找模板啦！

移步官网 https://element.eleme.cn/#/zh-CN/component/button

<el-button> 先搞个按钮试试 </el-button>

要是还不大会，推荐 不良人 https://www.bilibili.com/video/BV1NK4y187XH?p=2