美文网首页
sublime text微信小程序代码片段的使用

sublime text微信小程序代码片段的使用

作者: 笨拉高 | 来源:发表于2016-10-20 11:13 被阅读0次

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+[**]",代码就可以提示出来了(前提是在用户配置中配置了无论输入什么都给提示),如下:

2.wxml代码片段的使用:

用sublime text 打开一个wxml文件,默认是没有提示的

需要做如下操作:

选择菜单栏中的[View --> Syntax --> 选择第一项"open all with ...." --> 选择"xml"],这么设置,以后代码打开*.wxml文件 sublime text 就默认以xml 渲染了,*.wxss文件也同理,选择"CSS"

如果你在你的sublime text 的用户配置中如上配置了,就可以使用,你只需在*.wxml文件中输入"wx+[**]",代码就可以提示出来了(前提是在用户配置中配置了无论输入什么都给提示),如下:

6.后续:

其中还有一些微信小程序的API没有定义成sublime text 的代码片段,等过几天有空的时候,再定义一下

相关文章

网友评论

      本文标题:sublime text微信小程序代码片段的使用

      本文链接:https://www.haomeiwen.com/subject/nfefuttx.html