mpvue搭建小程序项目

第一步：

# 全局安装 vue-cli

$ npm install --global vue-cli

# 创建一个基于 mpvue-quickstart 模板的新项目

$ vue init mpvue/mpvue-quickstart my-project

# 安装依赖

$ cd my-project

$ npm install

# 启动构建

$ npm run dev

第二步：

修改project.config.json文件里面的miniprogramRoot方法，将dist修改成dist下你能看到的app.js文件的父文件路径

{

  "description": "项目配置文件。",

  "setting": {

    "urlCheck": true,

    "es6": false,

    "postcss": true,

    "minified": true,

    "newFeature": true

  },

  "miniprogramRoot": "dist/wx/",

  "compileType": "miniprogram",

  "appid": "touristappid",

  "projectname": "my-project",

  "condition": {

    "search": {

      "current": -1,

      "list": []

    },

    "conversation": {

      "current": -1,

      "list": []

    },

    "game": {

      "currentL": -1,

      "list": []

    },

    "miniprogram": {

      "current": -1,

      "list": []

    }

  }

}