配置 Sublime Text

安装常用插件

• 按 Ctrl + ` 调出 console

• 粘贴以下代码到底部命令行并回车

  import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
  

• 重启 Sublime ，如果在 Perferences -> Package Settings 中看到package control 这一项，则安装成功

• 按下 Command + Shift + P 调出命令面板

• 输入 install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件

  • BracketHighlighter
  • HTML-CSS-JS Prettify
  • Material Theme (安装完需要设置并在 Perferences -> Package Settings -> Material Theme -> Activite )
  • Sass
  • Vue Syntax Highlight
  • DocBlockr
  • PackageResourceViewer
    • 安装完 PackageResourceViewer 后，可以在命令面板上输入 PackageResourceViewer: OpenResource -> Html -> Snippets/ ，修改默认的 html 快捷输入

Sublime 设置

• Perferences -> Settings

  {
    "always_show_minimap_viewport": true,
    "bold_folder_labels": false,
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
    "draw_white_space": "all",
    "ensure_newline_at_eof_on_save": true,
    "folder_exclude_patterns":
    [
      "node_modules",
      ".git"
    ],
    "font_face": "Monaco",
    "font_options":
    [
      "gray_antialias"
    ],
    "font_size": 13,
    "highlight_line": true,
    "ignored_packages":
    [
      "Vintage"
    ],
    "line_padding_bottom": 2,
    "line_padding_top": 2,
    "material_theme_disable_fileicons": false,
    "material_theme_disable_tree_indicator": true,
    "material_theme_panel_separator": true,
    "material_theme_small_statusbar": true,
    "material_theme_small_tab": true,
    "material_theme_tabs_autowidth": true,
    "material_theme_tabs_separator": true,
    "overlay_scroll_bars": "enabled",
    "tab_size": 2,
    "theme": "Material-Theme.sublime-theme",
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true,
    "word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?",
    "word_wrap": "false"
  }
  

自定义一些 Snippet

• Tools -> developer -> New Snippet

如有推荐插件，欢迎补充👏🏻