插件

插件搜索和下载： http://packagecontrol.cn/

软件插件

• 插件管理工具: Package Control
• 语言汉化: Localization
• 主题: Material Theme
• 侧栏文件图标: A File Icon
• 侧栏菜单增强: SideBarEnhancements
• 源码编辑: PackageResourceViewer

开发插件

• 代码格式化: HTML-CSS-JS Prettify (需要安装node并配置PATH)
• 代码风格: EditorConfig
• 代码生成: Emmet
• 注释生成: DocBlockr

界面美化

主题和配色

打开首选项>主题...，选择Material-Theme-Darker.sublime-theme。（全局主题）
打开首选项>配色方案...，选择Monokai。（编辑局域配色）

主题组件优化

使用PackageResourceViewer插件，编辑主题源代码。
按快捷键ctrl+shift+p，输入or，找到PackageResourceViewer: Open Resource并打开。
输入mt，找到Material Theme并打开。
输入mtd，找到Material-Theme-Darker.sublime-theme（当前主题）并打开。

修改侧边栏

字体：搜索sidebar_label，找到匹配的第一个，在其对象中加入一个属性"font.size":14修改字体大小，例如：

    {
      "class": "sidebar_label",
      "color": [97, 97, 97],
      "font.bold": false,
      "font.italic": false,
      "font.size": 14,
      "shadow_color": [255, 255, 255, 0],
      "shadow_offset": [0, 0]
    },

其他的可以根据需要修改，如将color改为[128, 128, 128]。

修改标签栏

高度：搜索tab_height，找到下面的这个结构，修改其数值即可。

    {
      "class": "tabset_control",
      "layer0.opacity": 1.0,
      "layer0.tint": [33, 33, 33],
      "tint_index": 1,
      "layer0.inner_margin": [2, 6],
      "layer0.opacity": 1.0,
      "content_margin": [6, 0, 8, 0],
      "tab_overlap": 0,
      "tab_width": 180,
      "tab_min_width": 64,
      "tab_height": 36,
      "mouse_wheel_switch": false
    },

配色优化

使用PackageResourceViewer插件，编辑配色源代码。
按快捷键ctrl+shift+p，输入or，找到PackageResourceViewer: Open Resource并打开。
输入csd，找到Color Scheme - Default并打开。
输入monok，找到Monokai.sublime-color-scheme（当前配色）并打开。

此时侧边栏颜色和右边编辑局域颜色不一致，这里可以修改。在打开的文件中的variables列表中，在grey变量后一行加入：

...
    "variables": {
        ...
        "grey": "hsl(55, 8%, 26%)",
        "grey2": "rgb(33, 33, 33)",
...

然后修改globals.background为var(grey2)：

...
    "globals": {
        ...
        "background": "var(grey2)",
...

自定义配置

打开首选项>设置，在右边的json文件末尾加入：

    // 字体类型
    "font_face": "Source Code Pro",
    // 字体大小
    "font_size": 13,
    // 字体选项
    "font_options": ["gdi"],
    // 将tab键转换为空格
    "translate_tabs_to_spaces": true