mpvue踩坑记

node --version
npm --version
vue -V

微信开发者工具:开发、调试和模拟运行微信小程序的最核心的工具了，所以必须安装

# 全局安装 vue-cli
$ npm install --global vue-cli

# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project

# 安装依赖
$ cd my-project
$ npm install
# 启动构建
$ npm run dev

需要被转换成小程序的代码才可以在小程序环境运行，所以这里的自动编译的目的就是要把Web代码编译成小程序代码。编译后的代码会在dist目录下

打开微信开发者工具  =>  选择新增项目  =>  项目目录：dist下的wx目录


参考链接：https://www.jianshu.com/p/6f8d74be3ff8