Sublime Text 3 使用配置与插件安装

记录安装配置 Sublime 的过程,同时列出所用到的插件,方便自己在新系统新电脑上快速用上熟悉的 Sublime。

开始使用

软件下载

  • 一直使用的是 Sublime 3,直接转到 3 的 下载页面 好了。

用户设置

  • Preferences/Settings - User,设置字体为 Consolas 雅黑混合体 yx5g,字号11,tab 转空格,显示空格和制表符。
1
2
3
4
5
6
7
8
"font_face": "Yahei Consolas Hybrid",
"font_size": 11,
"translate_tabs_to_spaces": true,
"draw_white_space": "all",

/*统一使用 UTF-8 编码和 UNIX 风格的换行符(LF, 0x0A)*/
"default_line_ending": "unix",
"default_encoding": "UTF-8",

其他设置参考 Preferences/Settings - Default

基础插件

Package Control

Convert​To​UTF8

  • 文本编码自动转换,减少中日韩文乱码问题。

    插件安装: Ctrl+Shift+P, Package Control: Installed Packages, 搜索 Convert​To​UTF8

IMESupport

  • 解决输入法选字框不跟随问题。

Side​Bar​Enhancements

  • 自带边栏功能太少,必须安装此插件增强一下。

主题配色

Theme - Spacegray

  • Spacegray 主题的 Base16 Eighties Dark 配色方案看着最顺眼,用着最舒服。
    Base16 Eighties Dark color scheme

代码规范

Sublime​Linter

Sublime​Linter-jshint

Sublime​Linter-csslint

Sublime​Linter-contrib-htmlhint

常用插件

HTML-CSS-JS Prettify

  • 格式化 HTML, CSS, JavaScript 及 JSON 代码。

Color Highlighter

  • 直接在代码中预览颜色。

Stylus

  • 使代码高亮支持 Stylus。

Stylus Clean Completions

  • Stylus 代码自动补全。

AutoFileName

  • 文件名自动补全。
    AutoFileName

Can I Use

  • http://caniuse.com/ 的插件版,快速查询 HTML, CSS 等前端技术的浏览器兼容性

BracketHighlighter

  • 调整各类括号匹配的高亮样式

To be added

相关链接

  1. Package Control: https://packagecontrol.io/
  2. SublimeLinter: http://sublimelinter.readthedocs.org/
  3. JSHint: http://jshint.com/
  4. CSSLint: https://github.com/CSSLint/csslint
  5. HTMLHint: http://htmlhint.com/
  6. Stylus: http://learnboost.github.io/stylus/
文章目录
  1. 1. 开始使用
    1. 1.1. 软件下载
    2. 1.2. 用户设置
  2. 2. 基础插件
    1. 2.1. Package Control
    2. 2.2. Convert​To​UTF8
    3. 2.3. IMESupport
    4. 2.4. Side​Bar​Enhancements
  3. 3. 主题配色
    1. 3.1. Theme - Spacegray
  4. 4. 代码规范
    1. 4.1. Sublime​Linter
    2. 4.2. Sublime​Linter-jshint
    3. 4.3. Sublime​Linter-csslint
    4. 4.4. Sublime​Linter-contrib-htmlhint
  5. 5. 常用插件
    1. 5.1. HTML-CSS-JS Prettify
    2. 5.2. Color Highlighter
    3. 5.3. Stylus
    4. 5.4. Stylus Clean Completions
    5. 5.5. AutoFileName
    6. 5.6. Can I Use
    7. 5.7. BracketHighlighter
    8. 5.8. To be added
  6. 6. 相关链接
,