使用mpvue框架写小程序的准备--创建空mpvue

刚刚开始接触小程序，准备采用mpvue框架进行学习开发，接下来就说说如何准备一个空的mpvue吧，像极了用脚手架创建一个空的vue一样。

具体操作以及详细api我们可以点开mpvue官网查看

第一步：找好存储位置创建一个空mpvue文件夹
例如我想在D:\myDemo创建，那么在对应位置打开我们俗称的黑色小窗口：


输入vue init mpvue/mpvue-quickstart my-project ，然后按回车就好。（my-project是文件名，你自定义）

然后就一路回车就好：

这时我们就创建一个基于 mpvue-quickstart 模板的新项目，之后就是安装依赖：
先cd my-project进入该文件，然后输入npm install下载依赖

安装完之前的所有东西后，最后想运行？输入npm run dev

呃？和想象的不一样？没有出现想vue一样的链接打开浏览器预览，其实小程序是不能在浏览器预览的，所以输入npm run dev只是会打包生成dist文件夹

那我们要如何运行预览呢？这时就要借助微信开发者工具了，也是在官网下载即可

在开发者工具选择小程序打开刚创建的文件夹，打开模拟器就可以看到预览效果了。