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 相关文章推荐
使用SyntaxHighlighter实现HTML高亮显示代码的方法
Feb 04 Javascript
Dom 学习总结以及实例的使用介绍
Apr 24 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
javascript实现实时输出当前的时间
Apr 27 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
Sep 06 Javascript
vue2.0中goods选购栏滚动算法的实现代码
May 17 Javascript
彻底解决 webpack 打包文件体积过大问题
Jul 07 Javascript
微信小程序页面滑动屏幕加载数据效果
Nov 16 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
js中数组常用方法总结(推荐)
Apr 09 Javascript
Vue项目中ESlint规范示例代码
Jul 04 Javascript
vue 获取元素额外生成的data-v-xxx操作
Sep 09 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
解析web文件操作常见安全漏洞(目录、文件名检测漏洞)
2013/06/29 PHP
PHP 下载文件时自动添加bom头的方法实例
2014/01/10 PHP
PHP中数据类型转换的三种方式
2015/04/02 PHP
php通过获取头信息判断图片类型的方法
2015/06/26 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
PHP基于ORM方式操作MySQL数据库实例
2017/06/21 PHP
PHP+jQuery实现双击修改table表格功能示例
2019/02/21 PHP
javascript分页代码(当前页码居中)
2012/09/20 Javascript
JS的replace方法详细介绍
2012/11/09 Javascript
javascript页面动态显示时间变化示例代码
2013/12/18 Javascript
js获取光标位置和设置文本框光标位置示例代码
2014/01/09 Javascript
document.addEventListener使用介绍
2014/03/07 Javascript
简单易用的倒计时js代码
2014/08/04 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决
2015/11/09 Javascript
js判断是否为空和typeof的用法(详解)
2016/10/07 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
教你用十行node.js代码读取docx的文本
2017/03/08 Javascript
node.js中cluster的使用教程
2017/06/09 Javascript
NodeJS实现图片上传代码(Express)
2017/06/30 NodeJs
bootstrap switch开关组件使用方法详解
2017/08/22 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
2018/09/18 Javascript
VUE 配置vue-devtools调试工具及安装方法
2018/09/30 Javascript
[00:11]战神迅矛
2019/03/06 DOTA
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
Python函数any()和all()的用法及区别介绍
2018/09/14 Python
Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
2018/09/14 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
Python try except异常捕获机制原理解析
2020/04/18 Python
生物制药自我鉴定
2014/01/25 职场文书
大学自主招生推荐信
2014/05/10 职场文书
村党的群众路线教育实践活动总结材料
2014/10/31 职场文书
工程资料员岗位职责
2015/04/13 职场文书