常用sublime text3插件

来源:互联网 发布:刺客信条叛变优化设置 编辑:程序博客网 时间:2024/05/01 08:40

1. Package Control

1、通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台

2、粘贴对应版本的代码后回车安装

适用于 Sublime Text 3:

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())

 2. Bracket

用于匹配括号,引号和html标签。对于很长的代码很有用。安装好之后,不需要设置插件会自动生效。

3. autoprefixer

由于CSS3HTML5W3C规范都尚未统一,各大浏览器对标准的支持还是有差异的。所以在编写CSS3代码还需要针对不同的浏览器写一堆的CSS3代码前缀。Prefixr插件能将CSS3代码自动生成跨浏览器CSS代码。

使用方法

<span style="font-size:12px;">.box {   border-radius: 10px;   box-shadow: 005pxrgba(0,0,0,.4);}</span>


打开控制面板(Ctr+Shift+P)选择Autoprefix CSS,会转换成:

<span style="font-size:12px;">.box {   -webkit-border-radius: 10px;   -moz-border-radius: 10px;   border-radius: 10px;    -webkit-box-shadow: 005pxrgba(0,0,0,.4);   -moz-box-shadow: 005pxrgba(0,0,0,.4);   box-shadow: 005pxrgba(0,0,0,.4);}</span>


4. Emmet(Zen Coding)

大名鼎鼎的Zen Coding改名作Emmet啦,Zen CodingSublime Text 2插件也不再更新,现在整个项目搬到了Emmet了。仅仅需要一行代码就能快速生成html代码。

<span style="font-size:12px;">ul#nav>li.item$*4>a{Item $}</span>


你只需要按下control + E,代码就会自动展开成:

<span style="font-size:12px;"><ulid="nav">    <liclass="item1"><ahref="">Item 1</a>     </li><liclass="item2"><ahref="">Item 2</a>     </li><liclass="item3"><ahref="">Item 3</a>     </li><liclass="item4"><ahref="">Item 4</a> </li></ul></span>


5.  JSLint

JSLint是一个Javascript代码质量检测工具。它可以告诉你代码的什么地方需要改进。虽然你也可以在网上检测,但这个插件能让你不打开浏览器,直接在Sublime里面检测。

使用方法

按下Shift + Command + P(Mac)或是Shift + Ctrl + P(Windows)调出命令面板,找到JSLint: Run JSLint,按下EnterJSLint会输出结果到状态栏。

6. SublimeLinter

7. MarkDown Editing

SublimeText不仅仅是能够查看和编辑 Markdown 文件,但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。


8. Placeholders

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


9. Doc​Blockr

功能:生成优美注释

简介:标准的注释,包括函数名、参数、返回值等,并以多行显示

使用:输入/*、/**然后回车,还有很多用法,请参照

10. Color​Picker

功能:调色板

简介:需要输入颜色时,可直接选取颜色

使用:快捷键Windows: ctrl+shift+c

11. ConvertToUTF8

功能:文件转码成utf-8

简介:通过本插件,您可以编辑并保存目前编码不被 Sublime Text 支持的文件,特别是中日韩用户使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP ,ANSI等。ConvertToUTF8 同时支持 Sublime Text 2 和 3。

使用:安装插件后自动转换为utf-8格式

12. AutoFileName

功能:快捷输入文件名

简介:自动完成文件名的输入,如图片选取

使用:输入”/”即可看到相对于本项目文件夹的其他文件

13. Canvas Snippets:

js canvas画图必备

14.JavascriptNext

这是一个针对JS的加强语法包。它是基于那些常用的语言文件建造的并添加了更多细节的匹配,而且它还包含了来自ECMAScript6的一些新特性例如模块,简明方法,箭头函数, 类, 生成器,以及访问器(ES5)。

如果你想对于每个js文件都使用它的话,创建或打开一个js文件,然后你需要点击右下角愈语法名字按钮,然后选择‘Open all with current extension as’下面的JavascriptNext – ES6 > JavascriptNext

15.SublimeAStyleFormatter,整理美化编写的C++代码, `ctrl+alt+f`: Format current file;`ctrl+k, ctrl+f`: Format current selection

16. Monokai Extended,这个 color scheme 是 Monokai Soda 的增强。Markdown Extended ,将大大改善 Markdown 的语法高亮。

参照:    Sublime Text 3 支持的热门插件推荐


0 0
原创粉丝点击