1.下载http://nodejs.cn/download/ 一路默认安装即可
2.安装淘宝镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org 【来自 https://developer.aliyun.com/mirror/NPM?from=tnpm 】
3.全局安装 vue-cli 脚手架: cnpm install --global vue-cli
4.创建项目: vue init webpack my-project 【注:这一步vant官网没写清楚,这里必须要初始化基于webpack的vue项目】
5.进入项目目录: my-project
6.安装vant: npm i vant -S
7.在.babelrc 中添加配置
再plugins节点增加
["import", { "libraryName": "vant", "libraryDirectory": "es", "style": true }]
这里我发个添加前后的对比:
添加前:
添加后:
8.在main.js中添加引用: import { Button } from 'vant'
9.在main.js中将第八步引用的UI组件加载到Vue中: Vue.use(Button)
10.在页面使用组件：
11.npm run dev
