Sublime text2插件
Sublime插件:
Sublime有好几种安装插件的方法,但是最好用也是最长用的是ctrl+shift+p。
第一步:
使用ctrl+` 调出Sublime控制台,在控制台中输入
import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
第二步:
重启Sublime,使用快捷键ctrl+shift+p,再输入框中输入Install Package
第三步:
输入你要安装的插件名,点击enter就ok了,这时状态栏是会显示正在安装,当出现install successfully时就表示安装成功了,如果安装失败可能是网络问题,多尝试几次。
插件能够帮助我们完成一些复杂的事情,简化工作,下面是我在Sublime中安装的几个好用的插件:
1. docblocker
自动注释,jsdoc标准,输入/**回车即可,可以自定义一些注释字段,如:date,配置如下:
{
"jsdocs_extra_tags": ["@date {{date}}"],
"jsdocs_align_tags": "deep"
}
2. Emmett
自动完成HTML代码,提高编写页面效率,按照语法写完,在最后按tab键就可完成,语法参考:http://docs.emmet.io/abbreviations/syntax/
3. alignment
自动对齐代码,比如json对象的冒号对齐,变量的等号对齐等,可以配置,快捷键ctrl+alt+d,配置如下:
{
// The mid-line characters to align in a multi-line selection, changing
// this to an empty array will disable mid-line alignment
"alignment_chars": ["=",":",",","--"],
// If the following character is matched for alignment, insert a space
// before it in the final alignment
"alignment_space_chars": ["=",",",":","--"],
"jsdocs_extra_tags": ["@date {{date}}"]
}
4. bracket highlighter
高亮代码匹配,可以匹配括号,引号,标签等
5. js format
js代码格式化,可以使你的代码看起来更漂亮,快捷键ctrl+alt+f
6. Tag
HTML代码格式化,右键选择auto-format tags on doucument
7. sublimelinter
支持lint语法的插件,快捷键ctrl+alt+l,当检测出错误或者警告时会在行标处提示,可以设置什么时候检测,配置如下:
{
"sublimelinter":"save-only",//当保存的时候检测
}
8. prefixr
自动添加浏览器前缀,快捷键ctrl+alt+x
9. jQuery
jquery代码补全,快捷键tab
如果你有好的插件可以@我,继续补充。
Sublime text2插件的更多相关文章
- sublime text2 插件 - ctags的使用
第1步:安装Ctag.exe文件 1.下载ctags程序,下载地址:http://pan.baidu.com/share/link?shareid=2930217876&uk=20133352 ...
- Sublime text2 插件推荐
HTML-CSS-JS Prettify: 前端插件,使用 ctrl+shift+h 格式化代码
- 如何安装sublime text2以及它的插件?
下载Sublime Text2的安装包,安装,安装后打开的界面如图 下面我们来给他安装插件,首先安装packagecontrol,打开菜单栏中的View-->show console 在 ...
- sublime text2 操作及插件
sublime text2 1. 文件快速导航: 这是sublime上面很好用的功能之一,ctrl+p可以调出窗口,菜单上的解释是gotoanythings ,确实如其所言,调出窗口后,直接输入关键字 ...
- sublime text2 用ctags插件实现方法定位
sublime text2 用ctags插件实现方法定位(转) 我们用sublime几乎都会首先安装这个插件,这个插件是管理插件的功能,先安装它,再安装其他插件就方便了. 点击sublime的菜单栏 ...
- Sublime text2 常用插件集锦
No.01 – EmmetEmmet 是一个前端开发的利器,其前身是Zen Coding.它让编写 HTML 代码变得简单.Emmet 的基本用法是:输入简写形式,然后按 Tab 键.关于 Emmet ...
- Sublime Text2 中Emmet(之前叫Zencoding)插件安装以及使用
一.添加插件之前先 下载Package Control 按 Ctrl+`(就是~这个键) 复制下面的代码 确认 重新启动sublime text2 import urllib2,os;pf='Pack ...
- sublime text2一些使用技巧+插件
一.前言 作为一个前端,有一款好的开发利器是必不可少的,editplus.notepad++都是不错的工具,体积轻巧,启动迅速(dw太浮肿了).最近,又有一款新的编辑器诞生,席卷前端界,惹得无数喜爱, ...
- sublime Text2下安装php code sniffer插件
为了跟团队保持开发规范的一致性,需要安装sublime Text2的php code sniffer插件,之前是用的phpfmt插件,发现两个规范还是有点不一样,需要再安装php code sniff ...
随机推荐
- JS压缩工具配置
1.打开文件夹 修改yui.reg 里面修改为自己的目录. 2.yuicompressor.bat 修改SET YUIFOLDER=E:\JS常用工具\JS_compres\build 为自己的目录
- windows已阻止此软件因为无法验证发行者怎么办
出现提示windows已阻止此软件因为无法验证发行者怎么解决?有的时候访问某些网站会出现类似的提示.导致不能正常运行某个插件,遇到这个问题一般是浏览器的安全级别设置太高了,没有允许脚本控件运行 设 ...
- 【转】无后端(nobackend):前端优先的Web开发【译】
每个应用都由两样东西构成:该应用独有的功能和所有应用共有的功能,比方说用户注册.登录.忘记密码等.而从用户的角度出发,那些独有的功能归结起来就是用户界面以及系统的行为模式.而在视觉表象之后的功能,用户 ...
- mysql国内镜像下载网址
http://mirrors.sohu.com/mysql/ http://mirrors.ustc.edu.cn/mysql-ftp/Downloads/ 开源镜像站点汇总 http://segme ...
- 无法转换json问题 Error: Model.nodeDataArray value is not an instance of Array or NodeList or HTMLCollection
var jsonobj=eval('('+t+')'); 使用eval 函数,讲后台json字符串转换为前台jsarray数组. 如果使用 ajax不会出现这种情况,因为会自动转换. 但是如果直接从后 ...
- nginx日志request_time 和upstream_response_time区别
笔者在根据nginx的accesslog中$request_time进行程序优化时,发现有个接口,直接返回数据,平均的$request_time也比较大.原来$request_time包含了用户数据接 ...
- HwPointEventFilter: do not support AFT because of no config华为手机进入工程菜单
在调试时应用报出HwPointEventFilter: do not support AFT because of no config 是因为华为系统里设置了不打印log 解决方法是在拨号界面输入*# ...
- Java调用SQL Server存储过程
1.调用普通存储过程(1)创建存储过程CREATE Procedure [dbo].[GetContactListByName] /*根据联系人姓名获取联系人信息*/@Name nvarchar(5 ...
- 很简单的在Ubuntu系统下安装字体和切换默认字体的方法
摘要: Ubuntu系统安装好后,默认字体对于中文的支持看上去不太美丽,于是很多朋友可能需要设置系统的默认字体为自己喜欢的字体.本文主要介绍如何解决这两个问题. 说明:测试系统是Ubuntu14.04 ...
- 高可用保证消息绝对顺序消费的BROKER设计方案
转自: http://www.infoq.com/cn/articles/high-availability-broker-design?utm_source=tuicool&utm_medi ...