1. JavaScript
    1. LiveReload 实时预览
    2. HTML-CSS-JS Prettify 代码格式化
    3. BracketHighlighter 高亮符号
    4. Color Highlighter 代码高亮
    5. SideBarEnhancements 侧边栏增强
    6. SublimeLinter 语法检查
    7. Sublime​Linter-contrib-htmlhint html语法检查
    8. SublimeLinter-csslint css语法检查
    9. SublimeLinter-jshint js语法检查
    10. Terminal 终端
    11. Color Picker 颜色选择器
    12. Emmet
    13. DocBlockr 注释增强
    14. SideBarEnhancements 右键菜单增强
    15. HTML-CSS-JS Prettify 格式化代码
    16. CSScomb css样式排序
    17. JavaScript Completions js代码提示
    18. Babel es6转es5
    19. Autoprefixer 浏览器前缀补全
    20. JavaScript & NodeJS Snippets js代码段
    21. css3 css3语法支持
    22. CSS Extended Completions 样式补全
    23. Can I Use
    24. Three.js Autocomplete three.js提示/代码端
    25. Sass Sass高亮
    26. jQuery jq代码提示
    27. Alignment 符号对齐
  2. Python
    1. Python Breakpoints 添加断点
      1. SublimeREPL 运行Python代码
    2. Anaconda 代码提示/检查

SublimeText 常用插件

Package Control - the Sublime Text package manager

JavaScript

LiveReload 实时预览

设置, preferences > Package Settings > LiveReload > Settings -User

{
    "enabled_plugins": [
        "SimpleReloadPluginDelay", 
        "SimpleRefreshDelay"
    ]
}

HTML-CSS-JS Prettify 代码格式化

BracketHighlighter 高亮符号

搜索选中符号的另一半,然后高亮显示.例如{} [] () 等

Color Highlighter 代码高亮

SideBarEnhancements 侧边栏增强

SublimeLinter 语法检查

Sublime​Linter-contrib-htmlhint html语法检查

依赖SublimeLinter
安装完sublime扩展后,还需要安装node模块

npm install -g htmlhint@latest

SublimeLinter-csslint css语法检查

依赖SublimeLinter 安装完sublime扩展后,还需要安装node模块

npm install -g csslint

SublimeLinter-jshint js语法检查

依赖SublimeLinter
安装完sublime扩展后,还需要安装node模块

npm install -g jshint

Terminal 终端

快捷键 Ctrl + Shift + T

Color Picker 颜色选择器

色轮插件,可以方便的选择颜色

Emmet

DocBlockr 注释增强

快捷键 Ctrl + /

SideBarEnhancements 右键菜单增强

HTML-CSS-JS Prettify 格式化代码

设置,preferences > Package Settings > HTML/CSS/JS Prettify > Prettify Preferences -Use

{
    "css":
    {
        // Whether existing line breaks before elements should be preserved (only works before elements, not inside tags or for text)
        "preserve_newlines": false,
    }

}HTML CSS JavaScript JSON 代码整理/格式化

CSScomb css样式排序

### JsFormat  格式化js代码 快捷键 Ctrl + Alt + f

JavaScript Completions js代码提示

Babel es6转es5

Autoprefixer 浏览器前缀补全

JavaScript & NodeJS Snippets js代码段

css3 css3语法支持

CSS Extended Completions 样式补全

Can I Use

Three.js Autocomplete three.js提示/代码端

Sass Sass高亮

jQuery jq代码提示

Alignment 符号对齐

快捷键 Ctrl + Alt + A 设置,preferences > Package Settings > Alignment > Settings -Use

{
    "align_indent": false,
    "alignment_chars": ["=", "|"],
}

Python

Python Breakpoints 添加断点

快捷键 Ctrl + Shift + b  

SublimeREPL 运行Python代码

设置快捷键,按F5在subllime中运行python
Perferences > Key Bindings-User >在[ ]中填入如下代码:

{ "keys":["f5"], "caption": "SublimeREPL: Python - RUN current file", "command": "run_existing_window_command", "args":{"id": "repl_python_run","file": "config/Python/Main.sublime-menu"}}

参考 sublime 调用 shell - CSDN博客

Anaconda 代码提示/检查

设置, preferences > Package Settings > Anaconda > Settings -User

{
    "pep8_max_line_length": 120,
    "python_interpreter": "C:/app/Anaconda2/python.exe",
    "anaconda_linter_mark_style": "none",
    "swallow_startup_errors": true,
    "pep8_ignore":
    [
        // 忽略函数前必须空2行的限制
        "E305",
        // 忽略脚本结尾有空行提示
        "W391",
    ],
}