文章转载自本人的博客《三省吾身丶丶》点击检察喜好的话请猖獗的引荐吧！^_^本文章会在本人有插件或许设置更新时，举行不定时更新偷懒了，图片地点直接设置的博客地点的，可能会挂掉。细致设
文章转载自本人的博客《三省吾身丶丶》点击检察
喜好的话请猖獗的引荐吧！ ^_^
本文章会在本人有插件或许设置更新时，举行不定时更新
偷懒了，图片地点直接设置的博客地点的，可能会挂掉。
细致设置 && 20+插件
为何要挑选Sublime Text3？
Sublime Text3 自动保存，翻开图片
跨平台启动快，多行挑选。
插件，几乎选不过来。
代码片断
VIM兼容形式
菜单栏基础功用引见
File：文档相干，新建文件,翻开文件或文件夹等。
Edit：文件编辑相干，复制，剪切等（CVS大法好）。除此之外另有一些壮大的功用。
Selection：挑选相干，协助挑选代码。
Find：查找替换相干。这个和别的编辑器区分彷佛不大。
View：对Sublime_Text编辑器自身的一些设置。
Goto：疾速导航：下面引见。Goto Anything
tools:东西，一些敕令。
Project: 项目相干，用的少。
Preferences：关于sublime_text举行一些个性化定值。
Help：犹如名字。注册在这里
疾速键
Ctrl+P：Goto Anything
Ctrl+P: 查找项目中的文件：
直接输入称号：在差别文件中切换，支撑级联的目次形式
:：+ 行号：Ctrl+G 定位到详细的行。
@：+ 标记：Ctrl+R定位到详细的标记，比方：JS函数名，CSS挑选器名。
#：+ 关键字：Ctrl+;婚配到详细的婚配的关键字。主假如隐约婚配。
多行游标
Ctrl+D：选中当前光标地点位置的单词。一连运用时，举行多光标挑选，选中下一个同名单词。
Ctrl+K：合营Ctrl+D可以跳过下一个同名单词。
Ctrl+L：挑选当前光标地点位置的行。一连运用时，继承选中下一行。
Ctrl+Shift+L：在多行选中后，在所有选中的行后发生游标。
Alt+F3：选中文档中所有的同名单词。
Shift+鼠标右键：向下拖动，发生多个光标。
设置
运用 Ctrl+`调出console面板输入sublime.log_commands(True)，可以获得当前运用的敕令面板举行设置的值。轻易举行疾速键的绑定。
下面这些都可以经由过程敕令面板疾速查找
// User/Preferences.sublime-settings
//我以为自带字体挺好的。
{
"color_scheme": "Packages/User/SublimeLinter/Dawn (SL).tmTheme", //主题
"draw_minimap_border": true, // 右边缩略图边框
"font_size": 10, // 字体大小
"highlight_line": true, // 当前行标亮
"save_on_focus_lost": true, // 当前行标亮
"theme": "Spacegray Eighties.sublime-theme", //主题相干
"word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?", // 双击选中中划线
"word_wrap": true, //自动换行
"trim_trailing_white_space_on_save": true, //自动移除行尾过剩空格
"ensure_newline_at_eof_on_save": true, //文件末端自动保存一个空行
"disable_tab_abbreviations": true, //禁用 Emmet 的 tab 键功用（请运用 ctrl+e）
"translate_tabs_to_spaces": true, //把代码 tab 对齐转换为空格对齐
"tab_size": 4, //空格数
"fade_fold_buttons": false, //显现代码块的倒三角
"bold_folder_labels": true, //侧边栏文件夹加粗
"auto_find_in_selection": true //开启选中范围内搜刮
}
//自动转变缩进花样
{ "keys": ["shift+tab"], "command": "reindent","args":{"single_line":false} }
完成保存自动革新
tools:东西下的Build System挑选新建一个选项后，举行以下设置（注重后缀），保存到user目次下：
//如许设置。。地点是你的阅读器位置
{
"cmd" :["C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe","$file"],
"selector":["text.html"]
}
而且挑选第一个auto， 修正内容后按Ctrl+B，可以看到自动翻开了chrome而且是修正后的内容。
插件的装置与运用
装置package control。
这里我运用的是sublime_text3， 2的话上官网查询代码。
起首翻开package control的官方网站。
复制下面这一段代码:
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)
在上面说的View&＃8211;>Show console翻开掌握台窗口，粘贴上面的代码，回车，然后就是守候装置了，须要肯定的时刻。装置完成后重启
运用Ctrl+Shift+P,翻开掌握面板，输入PC，结果以下，申明装置胜利了。
装置主题
先运用Ctrl+Shift+P 输入PCI，回车挑选 Install Package 。须要守候一会加载时刻，输入Theme-Spacegray。实在不输入完也会隐约婚配出来的。
"color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme",
"theme": "Spacegray Eighties.sublime-theme"
固然，你也可以经由过程菜单栏，举行主题的挑选。会有雷同的结果。它会自动在Settings-User举行设置。
个人经常使用插件及运用要领：
NO.1 AdvancedNewFile：疾速新建文件。
NO.2 Nettuts+ Fetch：管理类库。
装置胜利后输入Ctrl+Shift+P翻开敕令面板，输入Fetch，可以看到以下：
挑选file可以看到设置的文件。挑选下载
合营方才上面的插件运用，几乎圆满..
NO.3 Sidebar Enhancements：加强侧边栏。
必装插件，异常壮大，就不过量引见了。可以在阅读器中翻开，还可以设置差别文件的翻开体式格局。
单单下面这一个功用就必须装置了！疾速在差别阅读器翻开：参考：SideBarEnhancements疾速键设置
NO.4 DocBlockr：代码块诠释。
可以疾速的对函数举行诠释。保存代码范例
支撑多种语言。（个人以为brackets的这个插件比Sublime Text做得好多了。）
/*:回车竖立一个代码块诠释
/**:回车在自动查找函数中的形参等等。
它会天生 JSDoc 花样的诠释。假如你从没有运用过相似的东西，DocBlockr 会让你以为之前没有它是如何写代码的。协助你制造你的代码诠释，经由过程剖析功用，参数，变量，而且自动增加基础项目。
NO.5 SublimeLinter-jshint:语法校验
装置胜利后，重启就可以测试代码的作风了。
固然还可以自定义校验划定规矩，在该目次下运用Ctrl+Shift+N竖立文件.jshintrc，在个中运用JSON花样设置校验作风。
比方：
//发起运用===，不运用时会有提醒。
{
"eqeqeq":true
}
而且在左下角会有毛病提醒。须要注重的是内容有更改时，才会马上见效。
细致自定义划定规矩：自定义Hint校验
NO.6 Git :版本掌握
可视化的操纵：协助你与你的Git repo协定举行交互。它支撑许多敕令像init, push, pull, branch, stash,等等。相识更多关于你在Sublime Text内里终究能运用哪些Git功用，以进步您的事情流程。
运用参考
NO.7 Emmet：不诠释。
中文文档：地点
前端开辟必备！Emmet运用手册
NO.8 JsFormat：代码花样化
JsFormat 基于 JS Beautifier，可以协助你自动花样化 Javascript 和 JSON。这关于阅读代码黑白常有效的。
疾速键：Ctrl + Alt + f 或许，你也可以运用菜单栏。
可定制喜好的花样：在 SublimeText 3 中 Preferences -> Package Settings -> JsFormat -> Settings &＃8211; Default 可以调解这些设置。
NO.10 jQuery：JQuery的API代码片断
我晓得现在在许多处所 jQuery 看似已落后了，然则假如你不是竖立一个交互性很强的网站或许你只是想在已有应用上增加功用，它仍然黑白常有效的。
比方，输入 $.a就可以让我挑选$.ajax()，然后自动扩大成以下代码：
$.ajax({
url: '/path/to/file',
type: 'default GET (Other values: POST)',
dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
data: {param1: 'value1'},
})
.done(function() {
console.log("success");
})
.fail(function() {
console.log("error");
})
.always(function() {
console.log("complete");
});
NO.11 BracketHighlighter:标记高亮
该插件供应行数列高亮的种种配对的语法标记，显现在行号上。结果以下：
设置要领参考sublime text3下BracketHighlighter的设置要领
NO.12 Javascript Next：圆满支撑ECMAScript 6
NO.13 CSS3:CSS3语法高亮
NO.14 Color Highlighter ：CSS色彩高亮
这个插件我等了很久了（在运用breakets的时刻发明 的，好用到爆），我最早用Sublime Text写CSS时刻就在想“这堆色彩码谁晓得是什么色彩”。。
照样brackets的牛逼
Color Highlighter这个插件会检测CSS文件中的色彩码，不论是Hex码或许RGB码都能很好的显现。
Color Highlighter可以设置成用背景色或许边框提醒色彩，我平常在Settings里做如许的设置：
{
"ha_style": "filled",
"icons": false
}
结果以下：
NO.15Colorpicker：运用一个取色器转变色彩
运用要领: ctrl + shift + c，疾速键有争执，需修正。可以经由过程ctrl+shift+p：来搜刮挪用
NO.16 Markdown Editing 和 Markdown Preview，完成预览MD
翻开 Preferences->Package Settings->Markdown Preview->Setting User 将下面这句话粘贴进去。
{
// "阅读markdown的阅读器的途径"
"browser" : "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
}
//翻开Preferences->Key Binding User，增加下面一句话。
{ "keys": ["f6"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} },
//keys的值是以上面阅读器预览markdown文件。
直接按F6就可以翻开了
不举行这些设置的话，由于我们在前面完成保存自动革新运用了一些操纵，按ctrl+b,就会在该目次下，竖立一个同名的html文件。
选中该htnl文件，再次按ctrl+b可以到达一样的预览结果，不过照样F6简朴不是吗？
NO.17AutoFileName：文件途径自动提醒
这个直接装置就可以用了，挺轻易的。
NO.18 Terminal：在Sublime Text直接翻开敕令行
NO.19 CSScomb : CSS属性排序
运用参考:点击检察
CSS属性排序 CSScomb 插件设置参数大全
NO.20 Javascript Completions和JavaScript & NodeJS Snippets。输入提醒，代码补全
其他：
LiveStyle: 及时革新双向修正
win下没有设置胜利
IMESupport ，输入法不跟随时装置
FileHeader ，自动更新保存时刻，文件模板
QuoteHTML ，把HTML拼接成js插进去字符串
CSS Format ，CSS花样化
AutoPrefixer ，阅读器私有属性前缀补全 (Node.js依靠)
ConvertToUTF8，GBK编码兼容
参考以下：
京公网安备 11010802041100号