【mpvue】项目的创建和调试

 想用vue来写小程序，于是选中了mpvue，以下为创建和调试

一、项目创建

# 创建一个基于 mpvue-quickstart 模板的新项目

$ vue init mpvue/mpvue-quickstart myproject

# 安装依赖

$ cd myproject

$ npm in

# 启动构建

$ npm run dev

npm run dev之后，dist已经有输出了，可以看到app.wxss,就是转换成小程序语言后的文件

二、调试

调试的话，我们还是离不开微信开发者工具

下载：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

常用的有win和mac两种，下载安装之后，点击右下角的➕后出现如下图所示的填写内容

需要微信公众平台的账号，才会有AppID，创建账号之后，我们按下图方法找到自己AppId

填写完成之后，点击确定一个基础项目就可以跑起来了，我们会看到页面大致情况

 

建议将它给出的基础源码看一下，熟悉一下开发的过程，

基本上和vue项目差不多，只有细微的差别，看一遍你就会明白

我这边看完之后，又写了一个hello vue test 实践

有一点需要注意，小程序不支持dom操作，所以vue中的 ref 也不能使用

另外推荐一个学习的地址：

POST：https://www.jianshu.com/p/8f779950bfd9

里边有些地方写的有问题，但是整体很不错