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 相关文章推荐
自适应高度框架 ----属个人收藏内容
Jan 22 Javascript
海量经典的jQuery插件集合
Jan 12 Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
Bootstrap面板学习使用
Feb 09 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
Jul 17 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
Sep 19 Javascript
微信小程序实现登录注册tab切换效果
Dec 29 Javascript
Web安全之XSS攻击与防御小结
Dec 13 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
May 09 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
Feb 06 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 strtotime函数用法、实现原理和源码分析
2015/02/04 PHP
PHP安装memcached扩展笔记
2015/05/28 PHP
php微信公众账号开发之前五个坑(一)
2016/09/18 PHP
jQuery-ui中自动完成实现方法
2010/06/10 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
2013/05/17 Javascript
JQuery 在线引用及测试引用是否成功
2014/06/24 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
Javascript实现快速排序(Quicksort)的算法详解
2015/09/06 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
原生js实现百叶窗效果及原理介绍
2016/04/12 Javascript
js设置文字颜色的方法示例
2016/12/30 Javascript
jQuery validate 验证radio实例
2017/03/01 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
详解angular路由高亮之RouterLinkActive
2018/04/28 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
2018/11/26 Javascript
angularjs http与后台交互的实现示例
2018/12/21 Javascript
js回文数的4种判断方法示例
2019/06/04 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
2020/05/31 Javascript
Python随机生成信用卡卡号的实现方法
2015/05/14 Python
python基于递归解决背包问题详解
2019/07/03 Python
深入了解Python装饰器的高级用法
2020/08/13 Python
python中doctest库实例用法
2020/12/31 Python
请用用Java代码写一个堆栈
2012/01/26 面试题
便利店投资的创业计划书
2014/01/12 职场文书
数控个人求职信范文
2014/02/03 职场文书
致长跑运动员加油稿
2014/02/20 职场文书
大学毕业感言200字
2014/03/09 职场文书
五年级学生期末评语
2014/12/26 职场文书
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python
Android开发之底部导航栏的快速实现
2022/04/28 Java/Android