sublime text3使用笔记

添加包管管理神器

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

Sublime Text3在控制台输入

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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)

Sublime Text2在控制台输入

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

Sublime Text 常用快捷键

Ctrl + Shift + p       #打开命令面板
Ctrl + D               #选择单词，重复可增加选择下一个相同的单词
Ctrl + L               #选择行，重复可依次增加选择下一行
Ctrl + F               #查找内容
Ctrl + H               #替换内容
Ctrl + N               #新建窗口
Ctrl + 依次点击或选取    #可同时编辑的多个位置
Ctrl + Shift + 上下键   #可替换行
F11                    #全屏

常用插件

1. BracketHighlighter)

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

2. autoprefixer

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

使用方法

.box {
   border-radius: 10px;
   box-shadow: 005pxrgba(0,0,0,.4);
}

打开控制面板（Ctr+Shift+P）选择Autoprefix CSS，会转换成：

.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);
}

3. Emmet(Zen Coding)

emmet 前段神器, 减少大量的工作量。

ul#nav>li.item$*4>a{Item $}

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

<ul id="nav">
    <li class="item1"><ahref="">Item 1</a></li>
    <li class="item2"><ahref="">Item 2</a></li>
    <li class="item3"><ahref="">Item 3</a></li>
    <li class="item4"><ahref="">Item 4</a></li>
</ul>

4. JSLint

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

使用方法

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

5. 或者markdownPerview

• markdownediting
• markdown-extended

6. Placeholders

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

7. Doc​Blockr

功能：生成优美注释

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

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

8. Color​Picker

功能：调色板

简介：需要输入颜色时，可直接选取颜色

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

8. ConvertToUTF8

功能：文件转码成utf-8

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

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

9. AutoFileName

功能：快捷输入文件名

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

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

10.JavascriptNext

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

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

11. SublimeAStyleFormatter

整理美化编写的C++代码

界面主题

• Monokai Extended
• Material Theme

参考

• Sublime Text 3 支持的热门插件推荐

• Emmet：HTML/CSS代码快速编写神器