1.在你的sublime text的用户配置中添加如下配置:
{
"auto_complete": true,
"auto_complete_triggers":
[
{
"characters": "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.<",
"selector": "text.html"
},
{
"characters": "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.<",
"selector": "text.xml"
},
{
"characters": "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.<",
"selector": "text.php"
},
{
"characters": "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.<",
"selector": "text.css"
},
{
"characters": "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.<",
"selector": "text.js"
}
],
"auto_match_enabled": true,
"color_scheme": "Packages/User/SublimeLinter/1337 (SL).tmTheme",
"draw_minimap_border": true,
"enable_signatures_tooltip": true,
"fade_fold_buttons": false,
"font_size": 14,
"highlight_line": true,
"highlight_modified_tabs": true,
"ignored_packages":
[
"Vintage"
],
"merge_signatures_and_doc": true,
"original_color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
"word_wrap": true
}
2.下载并解压"WeiXin.zip":
解压得到:
WeiXin
js[里面有微信小程序的一些js方法的代码片段]
content[里面有一些微信小程序的组件的代码片段]
3.MacOS用户:
把解压后的目录copy到"/Users/[您的用户名]/Library/Application Support/Sublime Text 3/Packages"目录下即可([打开sublime text --> Sublime Text -->Preferences --> Browse Packages]即可打开该目录)
4.Windows用户:
把解压后的文件夹copysublime text的Package文件夹中([打开sublime text --> Preferences --> Browse Packages]即可打开该文件夹)
5.使用:
1.js代码片段的使用:
如果你在你的sublime text 的用户配置中如上配置了,就可以使用,你只需在js文件中输入"wx+[**]",代码就可以提示出来了(前提是在用户配置中配置了无论输入什么都给提示),如下:
![](https://img.haomeiwen.com/i2848455/cfb1b312d4f2f020.gif)
2.wxml代码片段的使用:
用sublime text 打开一个wxml文件,默认是没有提示的
需要做如下操作:
选择菜单栏中的[View --> Syntax --> 选择第一项"open all with ...." --> 选择"xml"],这么设置,以后代码打开*.wxml文件 sublime text 就默认以xml 渲染了,*.wxss文件也同理,选择"CSS"
如果你在你的sublime text 的用户配置中如上配置了,就可以使用,你只需在*.wxml文件中输入"wx+[**]",代码就可以提示出来了(前提是在用户配置中配置了无论输入什么都给提示),如下:
![](https://img.haomeiwen.com/i2848455/1c43947bc7bde5ce.gif)
6.后续:
其中还有一些微信小程序的API没有定义成sublime text 的代码片段,等过几天有空的时候,再定义一下
网友评论