sublime text3 os x下好用插件及快捷键——Web前端开发

1. super＋q退出，才会保存当前工作状态，下次打开才会自动回到关闭时候的状态，直接叉叉掉窗口是不行的。
2. super＋shift＋c（colorPicker插件，直接选颜色，插入十六进制颜色码）
   • 
3. F1—chrome打开当前文件，F2—Safari打开文件，F3—FF打开文件
   • SideBarEnhancements插件
   • 在preferences > package Settings > Side Bar > Key Building-User，加入以下内容

   • [
     	{ "keys": ["f1"], "command": "side_bar_files_open_with",
                 "args": {
                     "paths": [],
                     "application": "Google Chrome.app",
                     "extensions":".*"
                 }
          },
          { "keys": ["f2"], "command": "side_bar_files_open_with",
                 "args": {
                     "paths": [],
                     "application": "Safari.app",
                     "extensions":".*"
                 }
          },
          { "keys": ["f3"], "command": "side_bar_files_open_with",
                 "args": {
                     "paths": [],
                     "application": "Firefox.app",
                     "extensions":".*"
                 }
          }
     ]

     
     
4. super＋shift＋a (alignment插件，等号对齐）
5. ctrl＋alt＋f（jsformat插件，格式化javascript代码）
6. sublimeTmpl 快速新建文件，自动填充模版，模版可自定义。

   SublimeTmpl默认的快捷键

   1 2 3 4 5 6

   ctrl+alt+h html ctrl+alt+j javascript ctrl+alt+c css ctrl+alt+p php ctrl+alt+r ruby ctrl+alt+shift+p python

7. Better Completion，支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件。修改setting－user设置

8. {
     // --------------------
     // sublime-API-Completions-Package
     // --------------------
     // API files is include the setting *keyword* such as `HTML`, `jQuery`, `myGlossary` as filename `API-completions-${filename}.sublime-settings` place in `/packages/User/` (good) or `/packages/${this-package}/sublime-completions/`.
     // After you enable, disable or added new your own completions, you might need restart your Sublime Text Editor.
     //
     // --------------------
     // APIs Setup
     // --------------------
     // `true` means enable it.
     // `false` means disable it.
     // `//` means disable it with code comment.
     "completion_active_list": {
       "HTML": true,
       "Underscore": false,
       "jQuery": true,
       "jQuery-SQ": false, // Single Quote
       "JavaScript": true,
       "twitter-bootstrap": false,
       "twitter-bootstrap3": false,
       // Your own completions?
       "myHTML": false,
       "myAngularJS": false,
       "myGlossary": false,
       "myJavaScript": false
     }
   }

9. super＋left，super＋right，Goto-CSS-Declaration插件，跳转到该class或者id的css声明处，css文件需打开
10. 展开收起css

{ "keys": ["ctrl+super+]"], "command": "compact_expand_css", "args": { "action": "expand" }  },

{ "keys": ["ctrl+super+["], "command": "compact_expand_css", "args": { "action": "compact" } }

1.