微信小程式這陣子非常火，相信大家都應該已經嘗過鮮了，論壇裡也有很多介紹的教程,講的都不錯,而我要講的是開發工具。

微信小程式有自己的開發工具，是基於nw.js寫的。做的比較簡潔，基本的程式碼編輯、智慧提示、除錯等功能都有。不好的地方也很明顯，不支援檢視引用，不支援程式碼重構，最可惡的是居然不支援自家api的智慧提示,寫起程式碼來不夠暢快。

我平常都是用vscode作為開發工具，想著要讓vscode支援微信小程式。於是今天抽空寫了個外掛。主要實現兩個功能：

檔案關聯

微信小程式是用.wxml檔案來表示頁面結構，用.wxss檔案來表示樣式表，vscode是不能識別這兩種副檔名的，因此沒有語法高亮，也不能用emmet

。
這個外掛會修改使用者設定中的檔案關聯,將.wxml對映到.html,.wxss對映到.css，語法高亮和emmet就都搞定了。

智慧提示

之前寫了個指令碼把官網文件裡列出的api都抓了出來，生成了wx.d.ts,這個外掛就是把生成的wx.d.ts丟到小程式專案目錄下。然後就可以愉快地使用智慧提示啦。

2016.11.11更新

微信自帶開發工目前已經支援自家api提示和程式碼版，不過引數型別什麼的提示還是沒有；我這個外掛已經支援實時預覽，啟動專案後按ctrl + f8就可以開啟預覽功能，後續會繼續完善。