利用mpvue快速创建小程序

front-end

2019-02-19

127

0

准备环境:在git bash中运行vue -V,检查当前vue-cli版本是否为2.0版本,如果是则跳过下列步骤;如果是3.0则需要先运行一行代码:npm install -g @vue/cli-init,这样即使是vue-cli3.0环境下仍可以使用vue init功能。因为vue-cli3使用形同的vue二进制文件,因此会覆盖掉2.0的功能。

1.利用vue-cli创建一个小程序项目

   

    vue init mpvue/mpvue-quickstart wx_project

  一路回车,安装完成后运行 npm run dev

  

2.下载微信开发者工具,并注册并导入该项目,然后我们修改src文件夹里的内容,小程序则回自动更新。

  

  我们发现mpvue会将.vue文件转成小程序wxml代码,这样开发者们就可以愉快的利用vue语法去开发小程序了,减少了学习成本,感谢vue。

  参考:官方五分钟快速上手教程

发表评论

全部评论:0条

lmy233

努力工作学习生活的人呐~~

联系方式

神圣之子仅供学习交流
E-mail:limengyu233@163.com
github:https://github.com/lmy01