从0开始搭建mpvue项目（一）搭建mpvue的开发环境

先检查下 Node.js 是否安装成功

node -v

v8.9.0+

npm -v

5.6.0+

由于众所周知的原因，可以考虑切换源为 taobao 源

npm set registry https://registry.npm.taobao.org/

全局安装 vue-cli  一般是要 sudo 权限的

npm install --global vue-cli@2.9

安装

vue init mpvue/mpvue-quickstart XXX

安装依赖

cd XXX

npm install

安装SCSS

cnpm i -D sass-loader node-sass

安装vant

cnpm i vant-weapp -S --production

安装router

cnpm i -S mpvue-router-patch

安装fly.js

cnpm i -S flyio

搭建小程序的开发环境

小程序自己有一个专门的微信开发者工具，最新版本下载地址。

用微信开发者工具调试开发 mpvue

选择 小程序项目 并依次填好需要的信息：

项目目录：就是刚刚创建的项目目录（非 dist 目录）

AppID：没有的话可以点选体验“小程序”，只影响是否可以真机调试。

点击导入项目 效果图