sublime 常用插件以及使用

• 安装主题

  1.Ctrl+Shift+P 
  2.insstall Package
  3.等待一小会儿。。。。。输入主题名称 (agila、ayu)
  4.回车 等待安装
  

• 安装字体图标

  1.Ctrl+Shift+P 
  2.insstall Package
  3.等待一小会儿。。。。。输入字体名称 (A File Icon)
  4.回车 等待安装
  

• 删除包

  1.Ctrl+Shift+P 
  2.Remove Package
  3.等待一小会儿。。。。。选中要删除的包
  4.回车
  

• 安装中文插件

  1.Ctrl+Shift+P 
  2.insstall Package
  3.等待一小会儿。。。。。输入插件名称 (localization)
  4.回车 等待安装
  

• 安装HTML和CSS 快速编写 插件 (tab出来标签)

  • 插件网站：https://packagecontrol.io/

  1.Ctrl+Shift+P 
  2.insstall Package
  3.等待一小会儿。。。。。输入插件名称 (Emmet)
  4.回车 等待安装
  

• 格式化代码

  • 首先通过以下路径打开用户按键绑定文件： Preferences → Key Bindings – User，然后在其中添加以下代码（如果你有需要的话，其中的快捷键组合是可以自己定义的）：

[
    //格式化代码,single_line参数删除时，格式化只影响当前光标所在行
    {"keys": ["shift+alt+f"], "command": "reindent" , "args": {"single_line": false}}
]

• Sublime实现自动生成Vue模板

  • https://www.jianshu.com/p/e050d8332ff2

---

常用插件

1. emmet：快速编写html/css https://docs.emmet.io
2. docblockr：代码注释提示插件 https://packagecontrol.io/packages/DocBlockr
3. sideBarEnhancements ：扩展左侧面板 https://packagecontrol.io/packages/SideBarEnhancements
4. SideBarTools：扩展左侧面板 https://packagecontrol.io/packages/SideBarTools
5. AdvancedNewFile：快速创建文件 ，使用ctrl+alt+n就可以快速创建文件
6. Local History：本地历史记录 https://packagecontrol.io/packages/Local%20History
7. Laravel 5 Artisan：laravel命令行插件 https://packagecontrol.io/packages/Laravel%205%20Artisan 按 ctrol+shift+p 搜索并执行命令
8. Laravel 5 Snippets：laravel代码片段 https://packagecontrol.io/packages/Laravel%205%20Snippets
9. Laravel Blade Highlighter：laravel blade模板高亮 https://packagecontrol.io/packages/Laravel%20Blade%20Highlighter
10. Blade Snippets：blade 代码片段 https://packagecontrol.io/packages/Blade%20Snippets
11. Laravel Blade AutoComplete：自动识别blade父级模板内容 https://packagecontrol.io/packages/Laravel%20Blade%20AutoComplete
12. Bootstrap 3 Snippets：bootstrap 代码片段 https://github.com/JasonMortonNZ/bs3-sublime-plugin
13. Bootstrap 3 Autocomplete：bootstrap样式提示 https://packagecontrol.io/packages/Bootstrap%203%20Autocomplete
14. Bootstrap 4 Snippets：bootstrap代码提示 https://packagecontrol.io/packages/Bootstrap%204%20Snippets
15. Bootstrap 4 Autocomplete：bootstrap4 自动提示：https://packagecontrol.io/packages/Bootstrap%204%20Autocomplete
16. SCSS：scss代码提示 https://packagecontrol.io/packages/SCSS
17. Sass：scss语法高亮 https://packagecontrol.io/packages/Sass
18. JSFormat 功能：LESS高亮插件
19. Less2CSS 功能：编译Less
20. Alignment 功能：”=”号对齐
21. sublime-autoprefixer 功能：CSS添加私有前缀
22. Bracket Highlighter 功能：代码匹配 简介：可匹配[], (), {}, “”, ”, ，高亮标记，便于查看起始和结束标记
23. jQuery 功能：jQ函数提示
24. AutoFileName 功能：快捷输入文件名 ，输入”/”即可看到相对于本项目文件夹的其他文件
25. Nodejs 功能：node代码提示
26. IMESupport 功能：sublime中文输入法
27. Trailing spaces 功能：检测并一键去除代码中多余的空格
28. FileDiffs 功能：强大的比较代码不同工具
29. GitGutter 简介：指示代码中插入、修改、删除的地方
30. MarkdownEditing 写文档时候必备，Markdown语法高亮。
31. sublimeLinter 代码检测工具

---

• 快捷键

  • 使用快捷键可以显著提高开发效率，所以还是有必要掌握的。

  搜索文件：ctrl+p 输入文件名
  搜索函数/方法：ctrl+p 输入“文件名@方法名” 如 User@show
  跳转到指定行：ctrl+p 输入文件名:行号,只输入: 时在当前文件跳转
  查找当前文件方法：ctrl+r
  返回/前进编辑位置：Alt + -、Alt + Shift + -
  切换标签页：Ctrl + PgUp、Ctrl + PgDn
  选中单词：Ctrl + D 连续按会选中页面中所有单词，以实现批量编辑
  以单词为单位快速移动光标：Ctrl + ←、Ctrl + →
  选中当前行：Ctrl + L
  跳转到第几行：Ctrl+G
  跳转到对应括号：Ctrl+M
  开关侧栏：Ctrl+K+B
  选中当前括号内容，重复可选着括号本身：Ctrl+Shift+M
  注释当前html标签块：Ctrl+Shift+/
  专注编写模式：Shift+F11
  分屏显示：Alt+Shift+数字
  Ctrl+Enter 在下一行插入新行。举个栗子：即使光标不在行尾，也能快速向下插入一行。
  Ctrl+Shift+Enter 在上一行插入新行。举个栗子：即使光标不在行首，也能快速向上插入一行。
  Ctrl+Shift+[ 选中代码，按下快捷键，折叠代码。
  Ctrl+Shift+] 选中代码，按下快捷键，展开代码。