大家好，我是考100分的小小码 ，祝大家学习进步，加薪顺利呀。今天说一说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 前缀触发，输入期间不支持 . 匹配。
后续
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
转载请注明出处: https://daima100.com/13814.html
