Sublime Text作为一个尽为人知的代码编辑器,其优点不用赘述。界面整洁美观、文本功能强大,且运行速度极快,非常适合编写代码,写文章做笔记。
下面简要说下sublime text3 的一些基本配置及插件
1、通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台
2、粘贴对应版本的代码后回车安装
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())
安装后弹出如下提示
3、重启sublime text3
重启后在preferences下出现PackageControl选项
4、选择Install Package 即可调出安装插件的搜索面板,可选择需要安装的插件enter后系统自动安装,安装完成后重启sublime后生效。
另外,如果通过外部下载的包(如github上),打开Preferences-BrowsePackage将下载下来的包解压后的文件夹放在该目录下重启sublime即可。
Soda主题是sublime上一款很著名的清爽型主题,在install package中搜索
安装后打开Preferences -> Settings-User,默认:
{
"ignored_packages":
[
"Vintage"
]
}
添加"theme": "Soda Light3.sublime-theme",
{
"theme": "Soda Light 3.sublime-theme",
"ignored_packages":
[
"Vintage"
]
}
保存后主题立马更改为soda light
另外还可以在此处配置一些其他内容,网上有人推荐如下配置(部分配置需安装对应插件才能生效):
{
"theme": "Soda Light 3.sublime-theme",
"color_scheme": "Packages/Color Scheme - Default/Mac Classic.tmTheme",
"font_size": 11,
"ignored_packages":
[
"Vintage"
],
"show_encoding": true,
"soda_classic_tabs": true,
"soda_folder_icons": true,
"highlight_line": true, // 高亮显示当前行
"fade_fold_buttons": false, // 代码折叠按钮一直显示
"show_encoding": true, // 显示当前文件的编码
"bold_folder_labels": true, // 加粗文件夹名称
"highlight_modified_tabs": true, // 着重标示修改过的文件
"trim_trailing_white_space_on_save": true, // 保存时去掉行尾无用空格
"show_full_path": true, // 显示全路径,默认
// "show_line_endings": true,
// "draw_white_space": "all", // 显示所有空格,"none"|"selection"|"all"
// "sublime_enhanced_keybindings": true, // 转到上一次编辑的地方
// "word_wrap": true, // 文字根据屏幕大小自动换行,防止水平滚动 true | false | "auto"
// "save_on_focus_lost": true, // 焦点丢失后自动保存
}
1. 在Sublime Text中用package control安装BracketHighlighter;
2. 安装完成后,打开Preferences-> package settings -> Bracket Highlighter -> Bracket Settings – User,然后添加如下代码:
{
"bracket_styles": {
"default": {
"icon": "dot",
// "color": "entity.name.class",
"color": "brackethighlighter.default",
"style": "highlight"
},
"unmatched": {
"icon": "question",
"color": "brackethighlighter.unmatched",
"style": "highlight"
},
"curly": {
"icon": "curly_bracket",
"color": "brackethighlighter.curly",
"style": "highlight"
},
"round": {
"icon": "round_bracket",
"color": "brackethighlighter.round",
"style": "highlight"
},
"square": {
"icon": "square_bracket",
"color": "brackethighlighter.square",
"style": "highlight"
},
"angle": {
"icon": "angle_bracket",
"color": "brackethighlighter.angle",
"style": "highlight"
},
"tag": {
"icon": "tag",
"color": "brackethighlighter.tag",
"style": "highlight"
},
"single_quote": {
"icon": "single_quote",
"color": "brackethighlighter.quote",
"style": "highlight"
},
"double_quote": {
"icon": "double_quote",
"color": "brackethighlighter.quote",
"style": "highlight"
},
"regex": {
"icon": "regex",
"color": "brackethighlighter.quote",
"style": "outline"
}
}
}
3. 找到Sublime text3安装目录下的Packages中的Color Scheme – Default.sublime-package
默认路径:C:\Program Files\Sublime Text 3\Packages\Color Scheme – Default.sublime-package
添加后缀名Color Scheme – Default.sublime-package.zip,双击此zip文件(注意不要解压),在压缩包软件内找到Monokai.tmTheme(颜色主题),选择编辑器进行修改
name
Bracket Default
scope
brackethighlighter.default
settings
foreground
#FFFFFF
background
#A6E22E
name
Bracket Unmatched
scope
brackethighlighter.unmatched
settings
foreground
#FFFFFF
background
#FF0000
name
Bracket Curly
scope
brackethighlighter.curly
settings
foreground
#FF00FF
name
Bracket Round
scope
brackethighlighter.round
settings
foreground
#E7FF04
name
Bracket Square
scope
brackethighlighter.square
settings
foreground
#FE4800
name
Bracket Angle
scope
brackethighlighter.angle
settings
foreground
#02F78E
name
Bracket Tag
scope
brackethighlighter.tag
settings
foreground
#FFFFFF
background
#0080FF
name
Bracket Quote
scope
brackethighlighter.quote
settings
foreground
#56FF00
5. 然后再降修改完成的文件放到压缩包Color Scheme – Default.sublime-package.zip里边,最后改名Color Scheme – Default.sublime-package放回C:\Program Files\Sublime Text 3\Packages中;
效果图 :
1.Soda Theme
Sublime Text 3中较为常用的一款自定义编辑器主题,用过的人都说好。Soda Theme包含代码着色、标签、图标,拥有light和dark两种颜色主题便于用户在不同时间段使用。
Github:https://github.com/buymeasoda/soda-theme/
1. 2.Sublime APICloud Plugins
Sublime APICloud Plugins是APICloud为开发者提供的一套开源的Sublime Text扩展插件,包括:应用管理、应用框架、页面模板、代码提示、代码管理、Widget打包、真机同步、日志输出、管理自定义AppLoader等功能,其他的功能插件也在不断增加,这些插件已被Package Control成功收录,开发者可以直接在Sublime Text3中下载安装;所有插件都已开源,开发者也可以在此基础上按需求扩展自己的插件。
插件下载:http://www.apicloud.com/devtools
3.ColorPicker
编辑CSS样式的时候, ColorPicker调色盘不仅可以查看颜色值,更可以轻松调好颜色。ColorPicker同时还是一个双向选择颜色的功能,既可以在调色板中选好颜色将其使用至文档中,也可以迅速定位文档中的某一种颜色值到调色板中。
插件下载:https://github.com/weslly/ColorPicker
4.Emmet
Emmet (前身是 Zen Coding)是一个前端开发不可缺少的插件,它让编写 HTML和CSS代码变得简单,节省大量时间。Emmet可使开发者用缩写形式书写代码,再用“扩展”功能自动将代码扩展至完整样式。
早在2009年,Zen Coding作为具有革命性的HTML和CSS代码编辑插件一经问世,直到现在帮助了无数的开发者,减少他们的时间,使得编写代码变得简便有趣。现在,Emmet已经超越了Zen Coding到达了更高层次,普适性的功能将给更多的开发者带来便利。
插件下载:https://github.com/sergeche/emmet-sublime
5.SublimeCodeIntel
SublimeCodeIntel 作为一个代码提示和补全插件,支持 Javascript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等所有语言,是 Sublime Text 自带代码提示功能基础上一个更好的扩展,自带代码提示功能只可提示系统代码,而SublimeCodeIntel则可以提示用户自定义代码。SublimeCodeIntel支持跳转到变量、函数定义的功能,另外还有自动补全的功能,十分方便。
插件下载:https://github.com/SublimeCodeIntel/SublimeCodeIntel
1. 6.FileDiffs
FileDiffs插件可以让开发者比较两个不同文件的差异,比较的对象包括当前文件、另一文件、剪切板中的代码甚至未保存文件等。
插件下载:https://github.com/colinta/SublimeFileDiffs
1. 7.SublimeLinter
SublimeLinter是少数几个能在sublime text 3工作的代码检查插件,SublimeLinter支持Javascript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言,但前提是需要配置相应语言的环境,要检查Javascript代码需要安装node.js,检查PHP代码需要安装PHP并配置环境等。SublimeLinter可以及时提示编写代码中存在的不规范和错误的写法,并培养我们良好的编码习惯和风格。
插件下载:https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3
1. 8.Alignment
Aligment插件让开发者自动对齐代码,包括PHP、CSS、Javascript语言。使得代码看起来更整齐美观,更具可读性。
插件下载:https://github.com/wbond/sublime_alignment
Sublime Text 3中的插件种类繁复,功能强大,以上是开发者最常用的8大插件,希望给各位开发者节省插件选择的时间,提供编写代码的效率。
Sublime Text 3非常实用,但是想要用好,一些快捷键不可或缺,所以转了这个快捷键汇总。
用惯了vim,有些快捷键也懒得用了,尤其是在win下面,还有图形界面,所以个人觉得最有用的还是搜索类,对于阅读和修改代码来说,非常实用。