sublime Text3 前端常常运用插件
– File Switching （文件切换）
— Sublime Text供应了一个异常疾速的体式格局来翻开新的文件。只要按下Ctrl+ P并最先输入你想要翻开的文件的称号。一旦找到文件，只需按enter键，就能够最先直接输入到该文件了！
– Goto Symbols （跳转标记）
— 当你编辑一个大文件时，文件中有一堆要领，按`Ctrl + R将其悉数列出来，使他们更轻易找到。最先尝试的输入你想要的，然后按Enter 就能够疾速跳转这个要领了。
– Package Control 包掌握装置
简朴的掌握台装置要领：
最简朴的装置要领是经由过程 Sublime Text 掌握台。掌握台能够经由过程 ctrl +` 快速体式格局 或 View > Show Console 菜单来开启/封闭。 翻开后，将适用于你 Sublime Text 版本的 Python 代码粘贴到掌握台中。
/Sublime Text 3 包掌握装置代码/
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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 Text 2 包掌握装置代码/
import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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')
经由过程Package Control 包掌握装置插件
Package Control（包掌握）是装置下面列出的一切插件和主题的最好体式格局。继承，在包掌握中装置插件。经由过程 Package Control（包掌握）装置插件和主题很简朴：
运用要领：进入敕令面板（ctrl + shift+ p），然后键入 install。
然后键入 remove 删除。
– localization
— 汉化
– Emmet
Emmet相对的节省时间。您能够轻松疾速地编写HTML。
– BracketHighlighter
— 该插件供应行数列高亮的种种配对的语法标记。（愚人船埠注：就是将配对的括号等显现在行数列上
– Colorpicker
— 运用一个取色器转变色彩
运用要领: ctrl + shift + c
– DocBlockr
— 一个真正简朴的体式格局来轻松地建立很多言语包括JavaScript，PHP和CoffeeScript的文档块。只要在函数的上面输入/**，按Tab就能够了。DocBlockr会视察函数须要的变量名和范例，并建立文档块。
– SidebarEnhancements
— 扩大文件树右键功用
– CSSComb
— 用来给CSS属性举行排序的格式化
注：由于Csscomb的快速键是shift+ctrl+c，能够与其他快速键争执
你能够去Preferences–>插件设置–>CssComb–>key-Bindings-Defallut设置
– ColorHighlighter
— 它能够展现你所挑选的色彩代码（像“#FFFFFF”, “rgb(255,255,255)”, “white”）的真正色彩。同时它还包括一个色彩挑选器让你能够方便地变动色彩。
— 运用：快速键Windows: ctrl+shift+w
– Trailing spaces
— 功用：检测并一键去除代码中过剩的空格
运用：装置插件并重启，即可自动提醒过剩空格。一键删除过剩空格：CTRL+SHITF+T（需设置）
快速键设置：在Preferences / Key Bindings – User加上代码（数组内）{ “keys”: [“ctrl+shift+t”], “command”: “delete_trailing_spaces” },
– auto-save
— 功用：自动保留文件
运用：默许是不会自动保留，按快速键Ctrl+Shift+S开启。
快速键设置要领：首选项-快速键设置，在数组内增加{ “keys”: [“ctrl+shift+s”], “command”: “auto_save” },如需自动启用，首选项-插件-auto-save—settings-usre粘帖一下设置
{
“auto_save_on_modified”: true,
“auto_save_delay_in_seconds”: 10,
“auto_save_all_files”: true,
“auto_save_current_file”: “”,
“auto_save_backup”: false,
“auto_save_backup_suffix”: “autosave”
}
– view in browser
— 功用：经由过程默许浏览器翻开文件
运用：快速键设置要领：首选项-快速键设置，在数组内增加快速键：{ “keys”: [“f12”], “command”: “open_in_browser” },
– autoprefixer
— 功用：CSS增加私有前缀
简介：CSS还未标准化，所以要给各大浏览器一个前缀以处理兼容问题
运用：快速键设置要领：首选项-快速键设置，在数组内增加{ “keys”: [“ctrl+shift+enter”], “command”: “autoprefixer” },
快速键：ctrl+shift+enter
– CSS Extended Completions
— 功用：关联CSS文件，智能提醒css文件中的类名，异常好用
– JavaScript Completions
— 功用：支撑javascript原生语法提醒
– jQuery
— 功用：jQ函数提醒
简介：快速输入jQ函数，是偷懒的好要领
– AutoFileName
— 功用：快速输入文件名
简介：自动完成文件名的输入，如图片拔取
运用：输入”/”即可看到相对于本项目文件夹的其他文件
– HTML-CSS-JS Prettify
— 功用：快速输入文件名
简介: 编辑HTML, CSS, JS时，常常会涌现缩进不对，代码行不对其的状况。装了这个插件以后，只要按下 Ctrl+Shift+h (Windows), Command+Shift+h (Mac), 你的文档就会被整顿清洁。
注: 须要设置node文件途径 HTML-CSS-JS Prettify > plugin Options
