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+thickbox仿校内登录注册框
Jun 07 Javascript
Three.js源码阅读笔记(光照部分)
Dec 27 Javascript
解决js图片加载时出现404的问题
Nov 30 Javascript
Jquery表单验证失败后不提交的解决方法
Oct 18 Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 Javascript
详解vue.js组件化开发实践
Dec 14 Javascript
JS实现的简单表单验证功能示例
Oct 13 Javascript
AngularJs 禁止模板缓存的方法
Nov 28 Javascript
vue移动端监听滚动条高度的实现方法
Sep 03 Javascript
解决vue组件销毁之后计时器继续执行的问题
Jul 21 Javascript
Vue封装全局过滤器Filters的步骤
Sep 16 Javascript
angular4实现带搜索的下拉框
Mar 25 Javascript
基于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+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式二图文详解
2019/04/09 PHP
解决laravel中日志权限莫名变成了root的问题
2019/10/17 PHP
javascript定时保存表单数据的代码
2011/03/17 Javascript
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
使用js实现一个可编辑的select下拉列表
2014/02/20 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
jQuery中unwrap()方法用法实例
2015/01/16 Javascript
jquery mobile开发常见问题分析
2016/01/21 Javascript
js定义类的几种方法(推荐)
2016/06/08 Javascript
Angularjs 创建可复用组件实例代码
2016/10/09 Javascript
JS验证不重复验证码
2017/02/10 Javascript
vue组件name的作用小结
2018/05/23 Javascript
node中的cookie的具体使用
2018/09/13 Javascript
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
小程序分享模块超级详解(推荐)
2019/04/10 Javascript
模块化react-router配置方法详解
2019/06/03 Javascript
vue实现购物车小案例
2019/09/27 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
js实现表格数据搜索
2020/08/09 Javascript
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
[03:41]DOTA2上海特锦赛小组赛第三日recap精彩回顾
2016/02/28 DOTA
Python实现带下标索引的遍历操作示例
2019/05/30 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
python针对Oracle常见查询操作实例分析
2020/04/30 Python
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
CSS3 实现倒计时效果
2020/11/25 HTML / CSS
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
英国和国际包裹递送:ParcelCompare
2019/08/26 全球购物
大学生的网络创业计划书
2013/12/26 职场文书
群众路线党员个人剖析材料
2014/10/08 职场文书
学校运动会简讯
2015/07/20 职场文书
标准演讲稿格式结尾应该怎么书写?
2019/07/17 职场文书
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android