写在前面

Mpvue昨晚才开源，吸引了许多前端用户的注意。下图是一个简单的比较。

不用多说了，现在让我们感受一下如何使用mpvue开发小程序。 （以下内容参考mpvue文档完成了）

开发环境操作顺序

首先下载vue-cli

npm install -g vue-cli

使用vue-cli创建mpvue项目

vue init mpvue/mpvue-quickstart my-project

在创建过程中将进行一些设置，包括项目名称，作者等，只需完全按Enter键即可。

然后我们进入项目目录并安装项目依赖项

cd my-projectnpm install

最后，我们开始跑步吧〜

npm run dev

此时，项目正在运行，当前项目的目录结构如下：

具有vue开发经验的朋友肯定不会对这个目录不熟悉，因此在这里我不再赘述。

接下来，我们将使用微信开发人员工具来运行此小程序。

在微信开发人员工具中创建一个新项目

项目目录选择vue项目中的dist目录。

AppID填写您的小程序 appID，如果您没有，请单击以体验“ 小程序”，这只会影响您是否可以在真实计算机上进行调试。

最后，单击[确定]按钮，您可以看到示例代码的效果，我们还可以扫描代码并在实际计算机中对其进行调试。

如您所见，这是政府提供的柜台的作用。单击+，数字将增加1，然后单击-，数字将减少1。我们可以在此基础上简单地修改代码。

我们修改src> page> count> store.js中的值以更改计数器增加和减少的次数。修改完成后，直接保存，项目将被自动编译，然后我们可以登录微信 Developer检查该工具中小程序的效果。

写在最后

我不是小程序开发人员，但我可以感觉到腾讯对小程序的投资和关注度正在增加，并且小程序上的主要公司操作也在增加。我认为2018 小程序绝对不会像2017年那样乏味。