sublime text3及其插件的安装

来源:互联网 发布:阿里云备份恢复要多久 编辑:程序博客网 时间:2024/05/19 14:19

20160112 Update: Build 3083


1.install package control
View -> Show Console:
(sublime text 3)
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)

2.Main Plugins:
Alignment
Emmet
Sublimelinter + SublimeLinter-jshint + npm install -g jshint(node.js)
JS Snippets
JsFormat
CSSFormat
DocBlockr(添加注释)
CanIUse
Trimmer(删除多余空格)
SideBarEnhancement(只对project生效)

****************************************************************************************************

3.常用SublimeText插件扩展推荐(*号未安装)

Package Control  这个特殊的“插件包”,可以很容易地安装、升级、删除,甚至非常方便地查看您已经安装在SublimeText中的包或插件的列表。它通过菜单和对应的行为使这些过程变得非常容易和有组织。

SideBarEnhancement  这个插件可以给SublimeText的边栏菜单带来扩充的功能,包括:在当前工程文件夹中新建文件,移动文件或文件夹,产生文件或文件夹的副本,在新窗口或浏览器中打开,刷新等。注意,只对project有效。

Git 这个插件会将Git整合进你的SublimeText,使的你可以在SublimeText中运行Git命令,包括添加,提交文件,查看日志,文件注解以及其它Git功能。

Sublime​Linter 这个插件最近才为SublimeText3重建和发布。新版本显然带来了很多新的有所不同的功能,而不是简单地把所有的Linter 放在一个包中,开发者允许用户在升级时选择并安装自己经常使用的Linter(SublimeLinter-jshint,CSSLint)。很明显,这可以节省磁盘空间。“更多的定制”,这对用户是很友好的。

FileDiffs  这个插件允许你看到SublimeText中两个不同文件的差异。你可以比较的对象可以是从剪贴板中复制的数据,或工程中的文件,当前打开的文件等。

DocBlockr DocBlockr  可以使你很方便地对代码建立文档。它会解析函数,变量,和参数,根据它们自动生成文档范式。

AllAutocomplete* 传统的Sublime Text自动补全插件仅仅在当前文件下工作。AllAutocomplete 可以搜索全部打开的标签页,这将极大的简化开发进程。

Bracket​Highlighter 括号高亮匹配;

Alignment  这个插件让你能对齐你的代码,包括 PHP、CSS 和 Javascript。代码看起来更简洁和可读,便于编辑。

JsMinifier* 该插件基于Google Closure compiler,自动压缩js文件。

Minifier*  This module was forked from JsMinifier.

SublimeTmpl 定义模板

ConvertToUTF8 With this plugin, you can edit and save the files which encodings are not supported by Sublime Text currently, especially for those used by CJK users, such as GB2312,   GBK, BIG5, EUC-KR, EUC-JP, etc.


**********************************************************************************************************************************

Emmet  Emmet 提供了一种非常简练的语法规则,然后立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发。(译者注:前身就是以前大名鼎鼎的Zen Coding),是一个可以让你更快更高效地编写HTML和CSS,节省你大量时间的插件。

HTML5   HTML5 bundle;

Tag  HTML/XML标签缩进、补全和校验;


**********************************************************************************************************************************

Js​Format   javascript格式化工具。

Bracket​Highlighter  高亮括号对齐,针对代码很长超过一屏时这个就很好用了。

SublimeCodeIntel 代码自动提示功能的插件。

jQuery 智能提示jQuery代码。

YUI Compressor  JS压缩工具,生成.min.js文件,同时替换参数。


**********************************************************************************************************************************

CSSComb*  这是用来给CSS属性进行排序的格式化插件。如果你想保持的代码干净整洁,并且希望按一定的顺序排列,那么这个插件是一种有效解决的方案。特别是当你和其他有自己代码编写风格的开发者一同协作的时候。

CanIUse   如果您想检查浏览器是否支持你包括在你的代码中的CSS和HTML元素,那么这是你需要的插件。所有您需要做的就是选择有疑问的元素,插件将为你做其余的事情。

Color​Picker  如果你经常要查看或设置颜色值,这个插件可以很方便地调用你本机的调色板应用。

Sublime Prefixr* CSS3 私有前缀自动补全插件。

Autoprefixer  自动补全前缀,Works only with CSS and not preprocessors like Sass or LESS.


**********************************************************************************************************************************

LESSLESS代码高亮;

Less2Css less文件生成css文件

LiveReload   即时刷新页面;

Pretty JSON* JSON美化;

Coffee​Script*  Coffee​Script 代码高亮、校验和编译等;

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

EditorConfig*  帮助开发者在不同的编辑器,IDE之间定义和维护统一的编程风格。EditorConfig工程包含一个文件,定义了编程风格,文本编辑器插件集合,让编辑器可以读取该文件并依照它来定义风格。SublimeREPL:对开发者来讲这个可能是最有用的插件之一了。

SublimeREPL* 可以直接在编辑器中运行一个解释器,支持很多语言。

AutoFileName* 自动补全文件路径-非常方便。

MarkdownPreview* 支持markdown的插件,支持预览功能。

Clipboard history* 粘贴板历史记录,方便使用复制/剪切的内容。


****************************************************************************************************

4.HOT KEYS:


ctrl+shift+p    control package(defalut)
ctrl+shift+a    Alignment
ctrl+shift+c    ColorPicker

ctrl+alt+f      JsFormat(defalut, 格式化JS代码)
ctrl+alt+m      CSSFormat(defalut, 每个{}压缩为一行)
ctrl+alt+\\     CSSFormat(defalut, 所有{}压缩为一行)
ctrl+alt+[      CSSFormat(defalut, 展开/格式化css代码)
ctrl+alt+]      CSSFormat(defalut, 收起,每个{}压缩为一行(保持空格))
ctrl+alt+s      Trimmer(default,删除多余空格)

ctrl+b   YUI压缩JS(生成.min.js)
ctrl+d     多行游标
ctrl+k,ctrl+d   跳过某个游标
alt+F3 全选游标

alt+s           Less2Css



0 0