个人 Sublime Text 3 配置

开发工具 luoluolzb 浏览59次

插件

插件搜索和下载: 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.backgroundvar(grey2)

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

自定义配置

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

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

本文标签: sublime

版权声明:本文为作者原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.luoluolzb.cn/articles/101/personal-sublime-text-3-configuration
您需要登录后才发布评论。 点此登录
用户评论 (0条)

暂无评论,赶紧发表一下你的看法吧。