一、创建项目
创建我们的项目
$ vue init webpack my-project
二、安装ui
使用vant-ui
官网:https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart
步骤:
1. 通过 npm 安装
npm i vant -S
2.选择按需引入
安装插件:
npm i babel-plugin-import -D
3.在.babelrc 中添加配置
// 注意:webpack 1 无需设置 libraryDirectory
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}
4.在Main.js引入
import { Button } from 'vant';
Vue.use(Button);
5.在app.vue测试
随意测试Button 若显示样式则成功
<van-button type="danger">危险按钮</van-button>