• npm install --global  vue-cli
  • vue脚手架
• vue init mpvue/mpvue-quickstart  my-project
  • 创建一个基于mpvue-quickstart的新摸板
  • 在此我们需要命名我们的项目名称
  • 我们开发小程序的appid，
  • vux可选择性安装，
  • ESlint可选择性安装
• cd my-project
• npm install
  • 安装依赖包
• npm run dev
  • 启动构架

出现上面这个表示算是编译通过，但是不一定表示成功，我们打开我们的小程序编译器，新建项目打开我们刚才创建的文件夹，输入我们上面的appid，点击创建

 

到这里出现这个表示我们成功。

注：mpvue的使用需要我们有一定的vue开发经验，因为其大多数语法都是基于vue的。所以不懂vue的童鞋，建议先熟悉熟悉vue的开发，

掌握了vue的开发的同学，利用 mpvue开发小程序则会灰常顺手

博主再次提醒大家，在小程序框架开发的过程中记得编辑器和微信编辑器要双开哦