Sublime 配置与使用

2017-12-17

工具只是工具,本文只是本人的一点心得,无意引战

基础配置

Preferences – Distraction-Settings 打开;

"trim_trailing_white_space_on_save": true, //是否自动移除多余空格
"ensure_newline_at_eof_on_save": true,//是否在结束符号上换行
"highlight_line": true,//是否显示高亮
"disable_tab_abbreviations": true, //是否使用 tab 案件 显示缩写
"translate_tabs_to_spaces": true, // 是否将 tab 符号 换为空格
"draw_minimap_border": true, //是否打开小地图的边框
"save_on_focus_lost": true,//是否打开吃失去焦点时立即自动保存
"word_wrap": true,//是否打开自动换行
"fade_fold_buttons": false, //是否打开右侧的闭合标签的符号
"bold_folder_labels": true,//是否打开侧栏加粗显示
"highlight_modified_tabs": true,//是否打开高亮尚未保存的文件
"vintage_start_in_command_mode": true,//命令模式是否看开启
"auto_find_in_selection": true,//是否打开选中范围搜索
"scroll_past_end": true,//是否打开滚动结束行为
"tab_completion": false,//是否打开 tab 自动完成标签
"default_line_ending": "unix",//默认table
"ignored_packages": [],
"line_padding_bottom": 1,//行下间距
"line_padding_top": 1,//行上间距
"font_options": "subpixel_antialias",//字体默认配置
"font_face": "microsoft yahei",// 字体选择
"tab_size": 2,//标签栏,字体大小
"font_size": 14,//字代替大小
"color_scheme": "Packages/ayu/ayu.tmTheme",//颜色选择
"theme": "Soda Light.sublime-theme",//主题
"rulers": [
80
],//行距

配置 Package Control

Package Control 也算是插件管理器,官网在 这里

快捷键 clrl+` 或者 View -> Show Console 打开窗口,粘贴下方代码至窗口,等待配置完成,重启即可;

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)

准备完成,现在可以玩弄插件了;

插件列表

下面是我平常使用的插件列表;

  • Alignment / 多选择器/
  • AutoFileName / 自动补全文件路径与文件名/
  • Sublime Batter Completion / 代码提示/
  • BracketHighlighter / 行高亮工具/
  • CSS Format / css代码提示/
  • Emmet / 创建文件/
  • GitSavvy / sublime 里面的git 工具/
  • JsFormat / javascript格式化(貌似没更新了,没用了)/
  • LESS / LESS 代码提示/
  • Markdown Preview / MD文档格式化显示工具,好用/
  • Nodejs / 链接 nodejs(主要用作依赖)/
  • QuoteHTML / 把 HTML 拼接成 js 插入字符串/
  • SideBar / 侧栏增强工具/
  • SublimeTmpl / 新建文件模板/
  • AutoPrefixer / 自动补全浏览器私有前缀 /
  • HTML/CSS/JS Prettify / 格式化插件/

个人使用癖好

配置完插件之后,有几个配置,属于个人癖好,各位看官可以看着玩,打开 Preferences – key-Bindings

迅速打开浏览器

加上这个配置可以在编辑文件时候,按 F5 可以直接用浏览器打开该文件,同理可以配置其他浏览器;

// chrome
{
"keys": ["F5"],
"command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Users\\user_name\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
"extensions": ".*"
}
},

QutoHTML 把 HTML 拼接成 js 插入字符串

详细看过 QutoHTML 文档的应该会发现它,有好几种模式,我这里只列举 singledouble,即转变一行,和多行的字符串;

{
"keys": ["ctrl+alt+`"],
"command": "quote_html",
"args": {
"action": "single"
}
}, {
"keys": ["ctrl+alt+shift+'"],
"command": "quote_html",
"args": {
"action": "double"
}
},

GitSavvy 的翻译

这个是我目前用的最舒服的一个 git 插件了

GitSavvy — 原文介绍

GitSavvy — 视频教程

  • 最常用的一个指令 shift + ctrl + ‘p’ 输入 Git:status 或者 gs

— OTHER (公共操作) 公共操作几乎所有的都一样就不每一页都解析了 —

原文翻译快捷键
refresh ststus刷新[r]
toggle this help menu显示 or 隐藏操作帮助[?]
transition to next dashboard下一项操作表[tab]
transition to previous dashboard上一项操作表[shift - tab]
move cursor to next file光标移动到下一个文件[.]
move cursor to previous file光标移动到上一个文件[,]
status 状态操作表

— SELECTED FILE(单个文件操作) —

原文翻译快捷键
open file打开选中文件[o]
stage file选中文件进入 add 模式[s]
unstage file选中文件取消 add 模式[u]
discard changes to file放弃修改文件[d]
open file on remote打开所选的远程仓库文件[h]
launch external merge tool for conflict为冲突文件启动工具[M]
diff file inline对比文件内部差异[l]
diff file对比文件与最新版本差异[e]

— ALL FILE(全文件操作) —

原文翻译快捷键
stage all unstaged files所有未进入暂缓区的文件,进入暂缓区[a]
stage all unstaged and untracked files所有未进入暂缓区的文件,进入暂缓区,包括新建[A]
unstage all staged files所有文件退出暂缓区[U]
discard all unstaged changes取消所有未进入暂缓区文件的修改[D]
diff all files查看所有文件的差异[f]
diff all cached files查看所有有作改变文件的差异[F]

— ACTIONS (提交操作) —

原文翻译快捷键
commit提交[c]
commit, including unstaged把包含未进入暂缓区的一起提交[C]
amend previous commit恢复到之前的提交[m]
push current branch提交到某分支[p]
ignore file忽略所选文件[i]
ignore pattern忽略模式[I]

— STASHES (恢复操作) —

原文翻译快捷键
apply stash恢复工作区,修改内容不变[t][a]
pop stash恢复版本号,同时修改内容[t][p]
show stash查看修改区文件修改情况[t][s]
create stash创建修改区[t][c]
create stash including unstaged将所有未修改的文件都包含到修改区[t][u]
create stash of staged changes only只对修改过的文件创建修改区[t][g]
drop stash撤销修改[t][d]

branches 分支操作表

— ACTIONS (操作) —

左边

原文翻译快捷键
checkout选中分支切换[c]
create from selected branch创建并切换到该分支[b]
delete删除分支[d]
delete (force)强制删除[D]
rename (local)重命名[R]
configure tracking查看分支情况[t]
diff against active查看工作区与分支区别[f]
diff history against active查看该分支历史差异[h]
edit branch description编辑分支描述[e]

右边

原文翻译快捷键
push selected to remote推送所选分支到远程[p]
push all branches to remote推送所有分支到远程[P]
fetch remote branches获取远程分支[h]
merge selected into active branch合并分支[m]
fetch and merge into active branch获取远程分支并合并当前分支[M]
show branch log查看分支日志[L]
show branch log graph查看分支日志图表[g]
rebase 合并操作表

— MANIPULATE COMMITS (提交操作) —

左边

原文翻译快捷键
squash commit with previous压缩之前的提交信息[q]
squash commit with …压缩某一段提交信息[Q]
squash all commits压缩所有提交信息[S]
drop commit撤销提交[p]
edit commit message编辑提交信息[e]
move commit down (after next)提交信息下移[d]
move commit after …提交信息移至某处之前[D]
move commit up (before previous)提交信息上移[u]
move commit before …提交信息移至某处之后[U]
show commit查看所有提交信息[w]

右边

原文翻译快捷键
define base ref for dashboard以本地选择为基准[f]
rebase branch on top of..提交至某远程仓库[r]
toggle preserve merges mode切换 保留 or 合并 模式[m]
continue rebase跳过本次提交[c]
skip commit during rebase重新绑定跳过的提交[k]
abort rebase终止提交[A]
tages 标签操作表

— ACTIONS (行为) —

原文翻译快捷键
create创建标签[c]
create smart tag创建智能标签[s]
delete删除标签[d]
push to remote所选标签提交至远程仓库[p]
push all tags to remote提交所有标签到远程仓库[P]
view commit查看提交信息[L]
graph 查看操作日志

Random Read