微信小程序填坑之路之我用sublime(sublime开发小程序)

  • • 发表于 8年前
  • • 作者 toBeMN
  • • 13299 人浏览
  • • 8 条评论
  • • 最后编辑时间 8年前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

微信团队提供的IDE(集成开发环境)大家也都知道了,已经被吐槽的生无可恋,于是都纷纷去寻找更加上手的IDE,目前应该是只有“白鹭EGRET”支持实时预览,至于这款IDE好不好大家可以自己尝试。

我在此推荐的是一个轻巧而不失强大的文本编辑器———sublime

没错它只是一个文本编辑器,但是丰富的插件和精致的颜值直接将它推向了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文件

致词,敬礼

分享到:
8条评论
Ctrl+Enter
作者

toBeMN

toBeMN

APP:3 帖子:24 回复:59 积分:3193

已加入社区[2940]天

梦想成为全栈的男人

作者详情》
Top