原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处
微信团队提供的IDE(集成开发环境)大家也都知道了,已经被吐槽的生无可恋,于是都纷纷去寻找更加上手的IDE,目前应该是只有“白鹭EGRET”支持实时预览,至于这款IDE好不好大家可以自己尝试。
没错它只是一个文本编辑器,但是丰富的插件和精致的颜值直接将它推向了IDE的神坛,只要有插件,就能将sublime打造成各种技术方向的IDE,包括html,php,python,java等。于是它就成了程序员装机必备的软件之一。(michael老师教学js的时候也在用)
因为插件众多,一个一个的安装显然不切实际且浪费时间,所以这里我分享一个自己用的爽的集成大部分实用插件的sublime:http://pan.baidu.com/s/1mh5Yuqk (汉化版)
包括常见的后缀文件,代码提示,代码重叠,代码高亮,编码格式等等,谁用谁知道
有自己想补充的插件可以搜索安装插件的方法,方法有两,但我就不说,快去搜索吧
来看看sublime的妆容
我喜欢黑色系(主要是经常晚上敲代码,白色亮瞎),这款sublime也集成了很多主题,可以在首选项—》主题方案 中设置
右下角可设置 制表符缩进宽度,修改文件类型(这个很关键,一般后缀sublime会自动分析文件类型,但对于微信小程序这种特殊后缀的,如果不设置好文件类型是不会出现代码提示的)
wxml设置文件类型为html
wxss设置文件类型为css
js设置文件类型为javascript
json设置文件类型为json
现在先来试一下html吧
回车
简直快准狠
回归小程序的话题,因为sublime只是敲代码的地方,最终运行结果还是得看官方的IDE,所以使用sublime开发微信小程序的流程是这样的:
创建小程序项目,直接将整个项目文件夹拖入sublime,即可在sublime里面进行编辑,而官方的IDE就只是单纯用来调试用的!!!
如今上架了微信小程序,果不其然,大神们开始写专属微信小程序的snippets(sublime通过 “Sublime-snippet” 实现快速补全代码),群友们也提供了插件下载的链接:https://github.com/Abbotton/weapp-snippet-for-sublime-text-2-3
这里就教程一波如何通过snippet实现微信小程序的代码提示
下载上方链接提供的snippet
将红色文件夹直接放入sublime的安装目录 PackagesUser 下
重启sublime
将小程序的wxml文件类型设置为html(才能有代码提示的功能)
为了防止这个snippet的代码提示和其它的冲突,该snippet的作者设定以w开头触发代码提示,至于具体的规则,请看下载地址下的readme文件
致词,敬礼