微信小程序插件教程用vscode开发微信小程序.pdf

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