Sublime Text 3常用插件及安装方法


Posted in Javascript onDecember 16, 2015

相关教程:sublime text 3 快捷键大全以及配置编译环境。

安装Sublime Text 3插件的方法:

朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助。麻烦动下手点下页面的广告吧,谢谢!

直接安装

安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。

使用Package Control组件安装

也可以安装package control组件,然后直接在线安装:

 1.按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)

2.粘贴以下代码到底部命令行并回车:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

1.重启Sublime Text 3。

2.如果在Perferences->package settings中看到package control这一项,则安装成功。

顺便贴下Sublime Text2 的代码

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

如果这种方法不能安装成功,可以到这里下载文件手动安装。

用Package Control安装插件的方法:

1.按下Ctrl+Shift+P调出命令面板

 2.输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

不爽的是,有的网络环境可能会不允许访问陌生的网络环境从而设置一道防火墙,而Sublime Text 2貌似无法设置代理,可能就获取不到安装包列表了。

好,方法介绍完了,下面是本文正题,一些有用的Sublime Text 2插件:

GBK Encoding Support

对应gb2312来说,Sublime Text 2 本生不支持的,我们可以通过Ctrl+Shift+P调出命令面板或Perferences->Package Contro,输入install 调出 Install Package 选项并回车,在输入“GBK Encoding Support”选择开始安装,左下角状态栏有提示安装成功。这时打开gbk编码的文件就不会出现乱码了,如果有需要转成utf-8的可以在File-GBK to UTF8-选择Save with UTF8就偶看了。

Zen Coding

这个,不解释了,还不知道ZenCoding的同学强烈推荐去看一下:《Zen Coding: 一种快速编写HTML/CSS代码的方法》。

 Sublime Text 3常用插件及安装方法

emmet

PS:Zen Coding for Sublime Text 2插件的开发者已经停止了在Github上共享了,现在只有通过Package Control来安装。

jQuery Package for sublime Text

如果你离不开jQuery的话,这个必备~~

Sublime Prefixr

Prefixr,CSS3 私有前缀自动补全插件,显然也很有用哇

 Sublime Text 3常用插件及安装方法

Sublime Prefixr

JS Format

一个JS代码格式化插件。

SublimeLinter

一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧)

Sublime Text 3常用插件及安装方法

SublimeLinter

Placeholders

故名思意,占位用,包括一些占位文字和HTML代码片段,实用。 

Sublime Alignment

用于代码格式的自动对齐。传说最新版Sublime 已经集成。 

Sublime Text 3常用插件及安装方法

Clipboard History

粘贴板历史记录,方便使用复制/剪切的内容。

DetectSyntax

这是一个代码检测插件。

Nettuts Fetch

如果你在用一些公用的或者开源的框架,比如 Normalize.css或者modernizr.js,但是,过了一段时间后,可能该开源库已经更新了,而你没有发现,这个时候可能已经不太适合你的项目了,那么你就要重新折腾一遍或者继续用陈旧的文件。Nettuts Fetch可以让你设置一些需要同步的文件列表,然后保存更新。

 Sublime Text 3常用插件及安装方法

JsMinifier

该插件基于Google Closure compiler,自动压缩js文件。

Sublime CodeIntel

代码自动提示

Bracket Highlighter

类似于代码匹配,可以匹配括号,引号等符号内的范围。

Sublime Text 3常用插件及安装方法

Hex to HSL

自动转换颜色值,从16进制到HSL格式,快捷键 Ctrl+Shift+U

Sublime Text 3常用插件及安装方法

GBK to UTF8

将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C

Git

Sublime Text 3常用插件及安装方法

该插件基本上实现了git的所有功能。

总结

好吧,大概就这些,如果你有常用的插件或者扩展,欢迎推荐。Sublime Text 3真是一款一见钟情的编辑器,每次和别人聊到编辑器时必荐的。。。

Javascript 相关文章推荐
jQuery 判断页面元素是否存在的代码
Aug 14 Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
Nov 21 Javascript
js菜单点击显示或隐藏效果的简单实例
Jan 13 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
Jan 24 Javascript
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器
Feb 11 Javascript
优化Node.js Web应用运行速度的10个技巧
Sep 03 Javascript
javascript关于继承的用法汇总
Dec 20 Javascript
在JavaScript中使用开平方根的sqrt()方法
Jun 15 Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 Javascript
浅谈Node.js:理解stream
Dec 08 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 Javascript
vue3中轻松实现switch功能组件的全过程
Jan 07 Vue.js
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 #Javascript
基于JavaScript获取鼠标位置的各种方法
Dec 16 #Javascript
javascript基于prototype实现类似OOP继承的方法
Dec 16 #Javascript
javascript数组克隆简单实现方法
Dec 16 #Javascript
Perl Substr()函数及函数的应用
Dec 16 #Javascript
javascript针对不确定函数的执行方法
Dec 16 #Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
Dec 16 #Javascript
You might like
深思 PHP 数组遍历的差异(array_diff 的实现)
2008/03/23 PHP
php gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
php二分查找二种实现示例
2014/03/12 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
JavaScript语法着色引擎(demo及打包文件下载)
2007/06/13 Javascript
extjs_02_grid显示本地数据、显示跨域数据
2014/06/23 Javascript
sogou地图API用法实例教程
2014/09/11 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
2015/10/30 Javascript
Javascript 字符串模板的简单实现
2016/02/13 Javascript
基于javascript html5实现多文件上传
2016/03/03 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
2016/11/01 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
2016/11/07 Javascript
React Component存在的几种形式详解
2018/11/06 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
python函数返回多个值的示例方法
2013/12/04 Python
python在Windows下安装setuptools(easy_install工具)步骤详解
2016/07/01 Python
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
python3.4下django集成使用xadmin后台的方法
2017/08/15 Python
Python将图片转换为字符画的方法
2020/06/16 Python
Python检测网络延迟的代码
2018/05/15 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
2019/04/16 Python
Django给admin添加Action的步骤详解
2019/05/01 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
浅谈tensorflow模型保存为pb的各种姿势
2020/05/25 Python
python和c语言哪个更适合初学者
2020/06/22 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
马来西亚航空官方网站:Malaysia Airlines
2017/07/28 全球购物
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
给酒店员工的表扬信
2014/01/11 职场文书
分公司经理任命书
2014/06/05 职场文书
党员志愿者活动总结
2014/06/26 职场文书
党员批评与自我批评发言稿
2014/10/14 职场文书
2015年新学期寄语
2015/02/26 职场文书