使用vue + vuex + mpvue + iview-weapp 构建小程序项目
1、安装vue-cli脚手架
npm install vue-cli -g
2、用myvue模板初始化项目为:
vue init mpvue/mpvue-quickstart xshhr
3、安装项目依赖:
cnpm install
(小程序不让操作DOM,vue针对DOM的操作都无效)
4.运行开发环境:
npm start(npm run dev )
5.开启小程序开发工具,打开指定目录(如果启动错误,需要在project.config.json 设置小程序根目录至 /dist/wx)
6.安装 vuex 、iview-weapp
npm install vuex iview-weapp --save
7.iview-weapp需要将目录拷贝到static ,进行配置后,再单个组件页面中进行配置后使用,以下配置可作为参考(pages目录页面在单独的页面文件夹下,新建一个main.json 配置文件):
{ "usingComponents": { "i-button": "../../../static/iView/button/index" } }