插件管理
安装插件(包括主题)
方法一:使用package control
ctrl+shift+p
调出命令面板,输入install根据提示找到package control:install package
,选中并回车,输入插件名安装,页面左下角会提示安装进度。有文章说需要先调出console,输入下面代码才可以使用package control,目前(2017/3/17)我下载sublime3,package control已经安装好,无需这步操作(如果在menu > preferences下面有package control,证明已安装好)
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())
方法: 直接将package文件夹放到sublime package目录(menu > preferences > browse packages,点击直接打开package文件夹)
若国内网络环境不允许或者,更换电脑,用此方法方便快捷
删除插件
ctrl+shift+p
调出命令面板,输入remove根据提示找到 package control:remove package
,直接输入需要删除的插件名称,或者用上下方向键选择需要删除的插件。
其他插件管理选项
- 查看插件: list package
- 更新插件: upgrade package
- 禁用插件: disable package
- 激活插件: enable package
禁用插件等同于在preferences > settings > user里添加需要忽略的插件:
"ignored_packages":
[
"Vintage" // 在这个数组里面添加需要忽略的插件
],
自用插件
- Package Control:插件管理,已随sublime3安装好;
- AutoFileName:自动补全文件路径,比如图片;
- Babel:将ES6语法转化为ES5(2017-05-31更);
- BracketHightLighter:成对括号、标签高亮(自定义颜色高亮点这里优化BracketHighlighter高亮显示);
- CSScomb:css属性排序;
- Emmet:html编辑自动补全;
- EJS2:EJS文件高亮;(编辑hexo主题使用)
- JSHint Gutter:js代码检查工具;
- Markdown Extended:markdown高亮优化(查看效果图);
- Markdown Preview:Markdown预览插件(快捷键
ctrl + B
可以将当前md文件编译成html文件,超赞); - Markdown Table Formatter:格式化表格;
- Markdown Editing:加粗、斜体可以使用快捷键;
- Minifier:用Gulp替代?;
- Sass:Sass语法高亮;
- SideBarEnhancements:在sidebar中增强右键功能,比如在浏览器中打开文件;
- Terminal:在sublime使用过程中打开终端;
- Theme-soda:清爽不浮夸;
- TypeScript:TypeScript语法高亮;
- Vintageous:在sublime下开启vi/vim模式;
- Vue Syntax Highlight:vue语法高亮,注意,需要配合sass插件才能使vue文件中
<style lang="scss">
中的sass代码高亮。
为了有更好的
JSX
语法高亮显示,Babel推荐将sublime内置的Javascript
语法高亮禁用,而使用Javascript(Babel)
作为默认高亮方案。但禁用内置js语法高亮后,在Markdown文件里,使用Markdown Extended
的高亮方案的js代码,函数体外的单行注释高亮有问题,所以,不建议禁用sublime内置js语法高亮。
下面插件可选:
- Color Highlighter:配合git显示文件增减标志;(影响性能)
- GitGutter:配合git显示文件增减标志;(影响性能)
- JsFormat:格式化js代码;(手写注意为主,代码检查为辅)
- Minify:压缩js,css文件(和Minifier不同);
- Pretty Json:json格式化;(一般js文件在Chrome插件JSON-handle中看,日志类长文件在Notepad++中看)
- TrailingSpaces:高亮多余空格或tab;(手写注意为主,代码检查为辅)
sublime归根结底是文本编辑器,如果安装太多对代码进行大量渲染的插件,比如
GitGutter
,Color Highlighter
,对性能肯定有所影响。当文件较小时这种影响不是很明显,但当文件大了以后,比如代码超过10000行,这种影响是很明显的。
常用快捷键
常用默认快捷键:
ctrl + p
: 在项目中快速查找文件
方向键下进行选择,按
enter
打开单个文件,按右方向键
可以打开多个文件
自定义常用快捷键:
menu > preferences > key bindings,在user文件中,输入自定义快捷键。自己自定以快捷键如下:
[ |
其他设置
以下在menu > preferences > settings > user中设置
选中带中划线“-”的文本(如css的class名)
word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?", |
显示space,tab符号
"draw_white_space": "all", |
换行为UNIX格式(LF)
"default_line_ending": "unix", |
推荐使用UNIX格式的行结束符,这样兼容性更好。换行符详细区分见回车和换行
状态栏显示编码和行结束(line-endings)提示
"show_encoding": true, |
user文件所有设置如下
{ |
如果要将字体设为系统中没有的,比如Ubuntu Mono,需要在系统中安装Ubuntu Mono字体,下载地址Ubuntu Font。
ubuntu下使用
输入中文
可参考这个仓库的做法lyfeyaj/sublime-text-imfix
重要更新
现在主力编辑器(2017-09-14)已经更换为Atom,原因如下:
- 最为重要的是sublime在js代码有注释的情况下,自动缩进失效,这个问题在github上早有提及Reindent command breaks on (multiline) comments,但一直没有解决;
- 关于主题高亮,atom默认主题
one dark
可以区分html标签,js关键字、自定义函数、原生函数,这样一目了然,而sublime试了默认主题,以及Material Theme
还有其他几种,高亮区分都没有atom全,并且像async
,ES7的关键字都没有高亮; - 对于markdown的支持,atom免费插件md-writer,可定制性相当强大。sublime上有markdown书写插件Markdown Editing,但这个插件免费提供的功能非常有限,如果要使用完整功能,需要付费。
以上三点,足以让自己的主力编辑器更换为atom了。sublime仍然保留,主要用于atom不能顺利打开的大文件(几十万行的代码?),但自定义设置、插件只保留必要的,比如LF换行,vue代码高亮插件等,其他为默认。
参考资料
【1】那些年我使用过的 Sublime Text 3 插件
【2】如何优雅地使用Sublime Text
【3】Sublime Text3 BracketHighlighter高亮色彩配置
【4】sublime text3 双击选中带中划线-的文本
【4】How do I see the current encoding of a file in Sublime Text 2?