首页 > 前端 > Sublime Text 插件安装&介绍

Sublime Text 插件安装&介绍

Sublime Text 是一款轻巧强大的文本编辑工具,它以其优越的性能、良好的用户体验以及强大的插件支持受到了前端开发人员的热捧,下文就介绍Sublime Text的一些常用插件。

2016050212573860

Package Control 插件管理

Sublime text 安装插件很方便,可以直接下载插件到 Packages 目录解压缩即可,但是当通过这种方法安装的插件多起来的时候,往往不便于管理,这里就需要一个包管理的插件来统一管理这些插件:Package Control (官方安装文档)。

对于Sublime Text 3,进入菜单栏的View > Show Console 打开命令行输入以下代码回车:

import urllib.request,os,hashlib; 
h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 
pf = 'Package Control.sublime-package'; 
ipp = sublime.installed_packages_path(); 
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); 
by = urllib.request.urlopen( 'http://packagecontrol.io/' + 
pf.replace(' ', '%20')).read(); 
dh = hashlib.sha256(by).hexdigest(); 
print('Error validating download (got %s instead of %s), 
please try manual install' % (dh, h)) if dh != 
h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Preferences菜单下看到Package Settings和Package Control两个菜单后,就说明安装成功了:

2016050213572488

安装好Package Control后,我们就可以用它来安装管理其他插件了

 

2·Emmet

Emmet的前身为大名鼎鼎的Zen coding,它可以说是使用Sublime Text进行前端开发必不可少的插件,使用它可以大大提高HTML/CSS代码编写的速度,比如下面的演示:

2016050213574852

安装方法:在Sublime Text 界面中按 Ctrl+Shift+P,在出现的文本框里输入“install package”回车,再输入“Emmet”回车就会开始安装插件了。

使用方法:我们只需输入标签简写形式,按Tab键就会自动生成相应的代码,关于Emmet的更多介绍,请查看官方文档,或者这个:使用Emmet加速Web前端开发

 

如果你的电脑有装nodejs的话,可以跳过3、4、5直接转6,这两类实现的功能一样,选一类安装就行。

3·JsFormat

这是一款JavaScript格式化的插件,安装方法跟上面一样,在安装文本框里输入“JsFormat”回车,安装完成后可以在包管理器里面看到它:

2016050213582190

默认格式化的快捷键是Ctrl+Alt+F ,当然这个可以在设置里面更改。

 

4·CSS Format

这是一款格式化CSS样式的插件,同样输入“CSS Format”回车即安装,在编辑的CSS文件中右键即可看到格式化选项:

2016050213590984

 

5·Tag

这个插件用于格式化HTML/XML代码,使用起来比较麻烦,得到菜单栏Edit目录里面找:

2016050213594585

 

6·HTMLPrettify

如果你的电脑已经装了Node.js的话,可以直接安装HTMLPrettify,这是一款HTML+CSS+JAVASCRIPT+JSON快速格式化的插件,这个项目的Github主页上有关于它的详细介绍:HTMLPrettify

 

 

关于Sublime Text的插件就介绍到这里了,如果想要卸载已安装的插件,按 Ctrl+Shift+P,在出现的文本框里输入“Package Control:Remove Package”回车,再选择你要卸载的插件回车就会开始卸载了:

2016050213195440

Enjoy~

 


本文标题:Sublime Text 插件安装&介绍
转载请注明出处,欢迎分享