[关闭]
@EncyKe 2017-03-26T05:23:17.000000Z 字数 4769 阅读 3806

手册:Sublime Text

#手册



1. 简介

1.1. 官网

1.2. 包管理


2. 基本使用

2.1. 快捷键

操作 功能
[Ctrl] + 单击 多行游标
[Ctrl] + [D] 选中单词,多次使用快捷键可一个一个选中会产生多行游标
[Ctrl] + [K] 跳过上述游标选中
[Alt] + [F3] 全选产生多行游标
[Shift] + 右键下拖 产生多行游标
[Ctrl] + [P] 查找文件并打开,即 Goto Anything,快速匹配文件(# + <要找的代码部>: + <行号>@ + <选择器或 JS 函数名>
[Ctrl] + [F] 查找当前文件内容
[F3]/[Shift] + [F3] 文件内查找后向后/向前选择下一个
[F4]/[Shift] + [F4] 目录内查找后向后/向前选择下一个
[Ctrl] + [H] 替换当前文件内容
[Ctrl] + [Shift] + [P] 打开命令行面板
[Ctrl] + [Shift] + [D] 复制该行文本
[Alt] + [.] 闭合标签
[Ctrl] + [-] 查找文件后切换回原来的文件中
[Ctrl] + [J] 合并一行
[Ctrl] + [L] 选择当前行
[Ctrl] + [Enter] 在任意一处直接开下一行
[Ctrl] + [Shift] + [Enter] 在任意一处直接开上一行
[Alt] + [←]/[→] 一个单词粒度跳动光标
[Ctrl] + [←]/[→] 一个单词粒度跳动光标
[Ctrl] + [↑]/[↓] 滚动
[Ctrl] + [`] 打开控制台
[Ctrl] + [Shift] + [A] 全选标签内的所有内容

2.2. 控制台

输入 功能
Key Bindings Default 下定义所有快捷键;要修改新增用 User 项
Set Syntax + <想要的语言)> 界定该文档格式
Package Control + Install/List/Remove... 安装、列出、删除插件等
Reindent Lines 格式化代码
Title Case 转换为大写字母
Snippet 调出可用的 snippets

3. 插件

3.0. Package Control

3.1. Emmet

操作 功能
[Tab]/([Ctrl] + [E]) 智能生成
[!] + [Ctrl] + [E] 直接生成 HTML5 文档
ul > li.item * 10 + [Tab] 输入 ul 下 10 个 li.item
h2{<所要的 h2 内容>} + [Tab] 生成 h2 元素及内容
[Ctrl] + []] 增加缩进
[Ctrl] + [[] 减少缩进
[Ctrl] + [Shift] + [Enter] 在标签间回车、缩进以添加内容
[Ctrl] + [Shift[ + [V] 保留格式粘贴
wrap with abbreviation 选中文本并调用控制台输入,可以添加标签

3.2. 代码高亮

3.2.1. Django Tags

3.2.2. PHP - Twig

3.2.3. Sass

3.2.4. Vue Syntax Hightlight

3.2.5. MarkdownEditing 或者 MarkdownHeightlighting

3.3. 主题系列

3.3.1. Theme - Spacegray

3.4. 效率工具

3.4.1. TrailingSpace

3.4.2. SideBarEnhancements

3.4.3. AutoFileName

3.4.4. SyncedSideBar

3.4.5. AdvancedNewFile

3.4.6. DocBlockr

3.4.7. Nettuts+ Fetch

3.4.8. Evernote

3.4.9. PlainTasks

3.4.10. Can I Use

3.4.11. JavaScript & Nodejs snippets

3.4.12. jQuery

3.4.13. Git

3.4.14. CSSComb

3.4.15. ColorHighlighter

3.5. 其它

3.5.1. HttpRequest

3.5.2. Callback

3.5.3. CodeIntel

3.5.4. SublimeLinter

3.5.5. PyV8


4. 用户配置

  1. {
  2. // === Theme - Spacegray 选项 ===
  3. "theme": "Spacegray.sublime-theme",
  4. "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
  5. // "theme": "Spacegray Light.sublime-theme",
  6. // "color_scheme": "Packages/Theme - Spacegray/base16-ocean.light.tmTheme",
  7. // "theme": "Spacegray Eighties.sublime-theme",
  8. // "color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme",
  9. // === 字号、行高 ===
  10. "font_size": 14,
  11. "line_padding_bottom": 2,
  12. "line_padding_top": 2,
  13. // 自动补全设置
  14. "auto_complete_selector": "source,text",
  15. // 显示文件的编码与右下角
  16. "show_encoding": true,
  17. // 允许把最后一行滚到最上端
  18. "scroll_past_end": true,
  19. // 窗口 title 显示正在编辑文件的全路径
  20. "show_full_path": true,
  21. // 显示右栏当前视图外框
  22. "draw_minimap_border": true,
  23. // 高亮当前编辑的行
  24. "highlight_line": true,
  25. // 隐藏 Tab 右上角关闭按钮
  26. "show_tab_close_buttons": false,
  27. // 加粗侧栏的目录字体
  28. "bold_folder_labels": true,
  29. // 显示左列代码折叠按钮
  30. "fade_fold_buttons": false,
  31. // tab 键设置:空格、2
  32. "tab_size": 2,
  33. "translate_tabs_to_spaces": true,
  34. "use_tab_stops": false,
  35. // 保存时清除空格
  36. "trim_trailing_white_space_on_save": true,
  37. // 单词选取的分止符
  38. "word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?",
  39. // 防止不断句而产生水平滚动条
  40. "word_wrap": true,
  41. "ignored_packages":
  42. [
  43. "Vintage"
  44. ],
  45. }

5. 自定义 Snippets

'Tools → Developer → New Snippets'

  1. <snippet>
  2. <content><![CDATA[
  3. Hello, ${1:this} is a ${2:snippet}.
  4. ]]></content>
  5. <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  6. <!-- <tabTrigger>hello</tabTrigger> -->
  7. <!-- Optional: Set a scope to limit where the snippet will trigger -->
  8. <!-- <scope>source.python</scope> -->
  9. </snippet>
  1. 修改Hello, ${1:this} is a ${2:snippet}.代码块格式;其中${1:this}${2:snippet}表示植入的光标位置;
  2. 修改<tabTrigger>标签内的触发词;
  3. 修改<scope>标签内的文件格式:source.python、source.js、source.ruby、text.html、text.css、text.html.markdown 等;
  4. 保存,后缀必须是 '.sublime-snippet',在 'user' 目录之下;
  5. 命令行中输入snippet:,查看使用说明;

6. 批处理任务

'Tools → Build System → New Build System'

  1. {
  2. "cmd": ["C:\Program Files (x86)\Google\Chrome\Application\chrome.exe", "$file"],
  3. "selector": ["text.html"],
  4. }

附:参考

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注