Sublime Text 3 的微信小程序插件！

前言

微信開發者工具的編輯器雖然自帶代碼提示功能，可是就其編碼體驗和主題選擇，我的以爲仍是不太好用。 而VS Code雖然有完善的小程序插件，並且挺好用，功能齊全，可是我的仍是更偏向於簡潔的Sublime Text。 因此仍是想在本身熟悉的Sublime Text3上進行代碼的編寫工做，因而帶着學習的目的，誕生了這款Sublime Text的微信小程序語法高亮、代碼提示插件。

安裝

該插件目前尚未提交至Package Control，插件的倉庫地址：GitHub

• Git

用git克隆到Sublime的插件安裝目錄。

• Zip

下載zip包，將其解壓到Sublime的插件安裝目錄。

設置

爲了提升wxml的補全效率，須要選擇菜單(Preferences > Settings)，在打開的Preferences.sublime-settings用戶配置文件中加入下面的代碼：

"auto_complete_triggers":
[
  {
    "characters": "abcdefghijklmnopqrstuvwxyz ",
    "selector": "text.wxml"
  }
],
複製代碼

插件功能1：wxml文件的語法高亮

除了基本的標籤語法高亮外，還有如下兩個特色：

1： 自動識別wxs標籤，內部使用JavaScript語法高亮和代碼提示。

2： Mustache語法高亮顯示，用於區分其餘常規屬性值和文本內容。

插件功能2：wxss文件的語法高亮

目前是將其設置爲css語法，rpx單位和內部組件標籤沒法高亮顯示。

小程序的css不建議直接使用組件的標籤選擇器進行樣式書寫，建議統一採用class書寫。

而rpx單位沒有高亮顯示，恰巧能夠體現該單位的特殊性，於是不打算再單獨編寫針對wxss的語法文件。

這樣也方便共用css原有的代碼提示和補全。

插件功能3：微信內置組件的代碼提示和自動補全

基本的標籤補全和屬性提示都以實現，具體功能點以下：

1： 標籤的自動補全，併爲經常使用標籤添加輔助輸入：view:if、view:for、view:class 等。

2: 經過 view.class 和 view#id 快速輸入類名和id屬性。

3: 標籤屬性以及屬性值的自動提示和補全。

插件功能4：微信API的代碼提示和自動補全

微信API的提示，統一經過 wx 前綴觸發，輸入期間不支持 . 匹配。

後續

1. wxml標籤暫不支持自動閉合。
2. wxml標籤和屬性以及屬性值的描述文本，受限於Sublime自己的Completion UI，暫時沒有比較好的顯示方式。
3. 微信API的代碼提示和自動補全還不是很全，但基本夠用。
4. 暫時沒有提供 JSON 配置的提示功能。
5. 暫時缺乏文檔快速查詢的便捷功能。
6. 有任何需求和疑問，歡迎提交 issues 。
7. 若是喜歡，也歡迎各位客官贊個 Star 。