小程序入坑记

最近工做和我的都有想法搞一个小程序出来，捡起多年不写的javascript大法研究下。

注册账号

想开发公众号或者小程序，首先须要一个微信公众账号，公众号账号和小程序账号并不互通，须要单独注册。注册过程不详细介绍了。十分钟注册了一个主体是我的的小程序账号。

环境

有了账号，还得知道如何进行开发，用什么工具开发，什么工具调试？先查看了下官方的说明，须要专门的小程序开发工具，很不幸，只提供了windows和mac版本（linux用户表示很气愤）。难道linux党只能转用windows搞定吗？（mac买不起）还好有无敌的github。查到了一个神器，wechat_web_devtools。开源，支持linux。试用了下，基本可行，除了腾讯的代码库打不开以外，未发现其余问题。五星好评。

语法

有了账号，有了开发环境，够了吗？还不够，还得研究下语法，鹅厂的官方文档翻了一遍，基本肯定了js,wxml,wcss,json四个文件为一体的构建结构。可是要作大的项目，这个组织形式有点难受了。一个页面加载４个文件搞定，可是如何集成node的构建环境是个问题，总不至于真的一个页面写４个文件去搞吧。感受写起来好累的感受。

框架

相信开源的力量，经过http://www.cnblogs.com/zxj95121/p/9224163.html索引帖，查到了相关的资源，初步目标定在了wepy上面，后面有发现了mpvue。前者是亲儿子，腾讯背书，算是自创的一套语法；后面是美团的亲儿子，基于vue搞出来的。

其实对于没有vue基础的我来讲，选择哪个彷佛均可以。可是mpvue和vue靠的近啊，有vue资源能够参考；并且mpvue有可能会有多端的迁移方案，比wepy复用性好了。初步选定了mpvue来搞。

mpvue

使用 mpvue 开发小程序，你将在小程序技术体系的基础上获取到这样一些能力：

• 完全的组件化开发能力：提升代码复用性
• 完整的 Vue.js 开发体验
• 方便的 Vuex 数据管理方案：方便构建复杂应用
• 快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload
• 支持使用 npm 外部依赖
• 使用 Vue.js 命令行工具 vue-cli 快速初始化项目
• H5 代码转换编译成小程序目标代码的能力

将页面的三元素合并到一块儿的作法看着很jsp的感受，对老java程序员有莫名的好感。

我的感受的问题：

• 每一个目录下一个页面，每一个页面须要三个文件定义:main.js,index.vue,main.json(可选)，其实并无下降太多的目录复杂性。
• quickstart构建流程没有有点晦涩，可能vue的构建环境就是这个样子吧。
• vue的一些语法仍是须要读懂的，关于数据的控制逻辑和生命周期等。