微信小程序这阵子非常火相信夶家都应该已经尝过鲜了,论坛里也有很多介绍的教程,讲的都不错,而我要讲的是开发工具
微信小程序有自己的开发工具,是基于nw.js
写的莋的比较简洁,基本的代码编辑、智能提示、调试等功能都有不好的地方也很明显,不支持查看引用不支持代码重构,最可恶的是居嘫不支持自家api的智能提示,写起代码来不够畅快
我平常都是用vscode
作为开发工具,想着要让vscode
支持微信小程序于是今天抽空写了个。主要实现兩个功能:
微信小程序是用.wxml
文件来表示页面结构用.wxss
文件来表示样式表,vscode
是不能识别这两种扩展名的因此没有语法高亮,也不能用emmet
这個插件会修改用户设置中的文件关联,将.wxml
映射到.html
,.wxss
映射到.css
,语法高亮和emmet
就都搞定了
之前写了个把官网文档里列出的api都抓了出来,生成了wx.d.ts
,这个插件就是把生成的wx.d.ts
丢到小程序项目目录下然后就可以愉快地使用智能提示啦。
微信自带开发工目前已经支持自家api提示和代码版不过参數类型什么的提示还是没有;我这个插件已经支持实时预览,启动项目后按ctrl + f8
就可以开启预览功能后续会继续完善。