vue+vuex+mpvue+iview-weapp构建小程序项目

使用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"
    }
  }