这两天公司安排研究微信小程序开发（我们是想ionic直接或间接转换成微信小程序....），幸亏微信开发者工具支持
TypeScript
，所以这个“转换”还是有戏的。之前也看了uni-app，人家那个才叫牛，一套程序（基于vue.js）， APP、WAP、微信小程序、各种小程序，自动编译生成，差点就转uni-app了。无奈换框架这事太大，所以我只能先手工转换，后面自动转换也不是不可能的事。
经过这几天的折腾，总体感觉开发微信小程序，真的挺好玩的，感觉自己来晚了，错过了好几个亿啊，官方提供的组件、API多到用不完，比我们公司提供的原生交互API多太多，哈哈。更有趣的是，我不是直接开发微信小程序，我是要把之前开发好的APP，使用的是ionic开发的APP，拿几个页面，转换成微信小程序页面，幸亏公司美工写过小程序页面，样式问题还是比较大，样式得靠美工“微调”下！
发现微信web开发者工具一个小坑，
TypeScript
小程序工程，重新导入后，ts文件不自动编译，也去官方提了问题，他们说后面会优化下。
主要还是vscode用多了，所以我选择：
vscode作为主编辑器（5星级的下载量还不错的小程序插件先装上几个）：
ctrl + shift + B (mac 上是 command + shift + B)
开启ts文件自动编译
，太强大！！！微信开发者工具会自动监测js文件的变化，自动刷新界面，太完美，哈哈哈！
微信web开发者工具作为运行和预览工具。
强行修改小程序目录结构：
感觉微信小程序太强大，忍不住赶紧扯两句，记录下刚入坑的心情。
20190530，自己为公司开发的第一个小程序已上线，尽管页面很少，但还是值得庆祝的，以后小程序项目都可以内部拿来开发了，之前一直是把单子给合作的另外一家公司开发（看了他们的代码，很凌乱...）
顺便开源下我的TypeScript小程序基础（框架），虽然现在还是个毛坯，但总有一天会成为精装：
https://github.com/15380831711/xw-base-miniprogram
包括
微信
的大部分API。 您可以键入w ，选择
wx
:if ，然后按Enter，然后
wx
:if=""出现在屏幕上。
插件的代码段如下表所示，某些您可以键入w然后按上下键键入
wx
:if再按Enter键，就输入了
wx
:if=""了。
指令摘要内容
wx
:if
wx
:if=""
wx
:else
wx
:else
wx
:elif
wx
:elif=""
wx
:for
wx
:for=""
wx
app-helper
微信小程序
开发
助手
生成页面/组件，页面/组件模板可配置(.js, .
wx
ml, .
wx
ss, .json)，文件名及命名风格可配置，支持生成
TypeScript
，插入乱数据辅助...
使用
微信
web
开发
者工具新建一个
小程序
项目，项目目录选择dist目录，该目录是ts源文件编译后存放的目录。
$ git clone git@github.com:linguofeng/
wx
app-
typescript
.git
$ cd
wx
app-
typescript
$ npm install -g gulp
typescript
$ yarn
$ code .
$ gulp watch
通过Gulp工具调用tsc编译ts源文件，其它文件通过gulp的watch进行拷贝。
第三库是通过package.json文件描述，拷贝相关文件到dist/libs，并修改require引用的路径实现。
TODOS:
[x] 加入第三方库支持
[x] 支持Redux
[x] 支持rxjs
[x] 支持moment
[x] 支持bluebird
[x] 支持redux-observable
最近第一次做原生
微信小程序
，之前都是采用Taro、uni这两个第三方框架，发现
微信
原生
小程序
支持了
TypeScript
，于是尝试了
使用
ts结合Promise封装了
微信
简易请求库，不得不说，写ts确实可以减少动态语言（JS）带来的bug，如下：
const host = 'xxx';
* http请求配置
interface RequestConfig {
url: String;
method?: HttpMethod;
data?: any;
tsc demo.ts
手动编译效率低,可适当借助工具来做这件事情,添加工具ts-node,
使用
ts-node,可以不用编译文件,直接在控制台打印结果,这样看结果会更加的方便;
npm install -g ts-node
这样就开启了
typescript
之旅,接下来就开始了..
使用
TypeScript
开发
微信小程序
（1）——基础：数据类型（Type）
TypeScript
的基本数据类型有boolean、number、string 、array、enum、any、void。
使用
TypeScript
开发
微信小程序
（2）——基础：变量（Variable）
一直以来 JavaScript 都是通过 var 关键字...
正式发布一年多的
微信小程序
现在依然很火，相信很多人对
小程序
依然保有兴趣，那在
开发
时我们选择的工具自然而然是
微信
自家推的IDE：这个IDE是
微信
自家推的嘛，肯定各种方便，但是我却不太喜欢这种工具的风格，而且像语法高亮，编程习惯我都不太适应。像我们这群追求风格的，要优雅的
开发
小程序
的一群程序员，有没有什么好玩的工具代替呢？这就是我想向各位童鞋安利的工具：Visual Studio Code如歌完全不知...
问题描述：由于
wx
ml 及
wx
ss文件不能直接被识别，因此在vscode中作为纯文本，可以在右下角纯文本出点击修改，然而！在几个页面编辑 需要来回切换，它就偶尔翻脸不认识了，又变回了纯文本，反复改了几次，决定解决掉这个问题：
处理办法：
在vscode扩展中（快捷键shift+command+X）：
1.识别
wx
ml：搜索
wx
ml,安装插件vscode
wx
ml.
2.识别
wx
ss:搜索
使用
Visual Studio Code。
安装vscode weapp api，这是
小程序
的语法结构api插件。
接着安装vscode
wx
ml这个插件，主要是针对
wx
ml文件的。
接着继续搜索安装vscode-wechat这个插件。
安装一下Easy
WX
LESS，是针对
wx
ss文件。
安装好插件以后，我们直接在vscode里面编辑
小程序
项目，保存即可同步到
小程序
开发
工具中。
