正式发布一年多的微信小程序现在依然很火，相信很多人对小程序依然保有兴趣，那在开发时我们选择的工具自然而然是微信自家推的IDE：

这个IDE是微信自家推的嘛，肯定各种方便，但是我却不太喜欢这种工具的风格，而且像语法高亮，编程习惯我都不太适应。

像我们这群追求风格的，要优雅的开发小程序的一群程序员，有没有什么好玩的工具代替呢？

这就是我想向各位童鞋安利的工具：Visual Studio Code

如果完全不知道这个工具的童鞋可以自行知乎或者Bing，我就不多说啦，简而言之就是可以跨平台的代码编辑+调试+无限插件进行拓展的开发工具，自己亲身体验一下就知道啦。

那我们怎么由它来开发微信小程序呢?

微信小程序由四种文件类型构成：js(javascript)文件、json文件、WXML文件、WXSS文件

聪明的童鞋们一定一眼看出WXML映射了HTML、WXSS映射了CSS

那我们安装两个插件，分别编辑WXML和WXSS就好了，前人栽树，后人乘凉，特别感谢这两位大神为开源社区做出的贡献！

我们用着两个插件就可以完美的编辑代码文件了！

至于实时预览，暂时没有找到替代方案，就先用着微信自家的工具做替代，编码用VS Code