小程序入坑记

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

注册帐号

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

环境

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

语法

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

框架

相信开源的力量,通过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的一些语法还是需要读懂的,关于数据的控制逻辑和生命周期等。
原文地址:https://www.cnblogs.com/jason0529/p/9917134.html