SublimeText 3 作为我的第一款代码编辑器,界面清新简洁,使用上我还是非常喜欢的。

下边我将我自己使用的配置分享给大家。

然后重启你的 Sublime Text3

1、下载 SublimeText 3

官网链接

2、注册码

Sublime Text 3 3126 注册码 (测试通过)

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——

3、安装 package control 组件

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())

2、安装插件

下面是我自己比较常用的插件

  1. ChineseLocalizations

    汉化,不用多介绍了吧。不会中文就只能整这个了...

  2. Emmet

    官方提供的 Sublime Text 扩展
    它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度

  3. AllAutocomplete

    可以搜索全部打开的标签页 自动补全
    Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。

  4. DocBlockr

    当输入/**并且按下Tab键的时候 会自动解析函数并且为你准备好合适的模板

  5. AutoFileName

    自动补全文件路径-非常方便。没有废话。

  6. HTML5

    使 Sublime Text3 支持 HTML5

  7. LESS

    LESS 代码高亮插件

  8. SASS

    SASS 代码高亮插件

  9. SCSS

    SCSS 代码高亮插件

  10. jQuery

    jQuery 代码智能提示插件

  11. Tag

    HTML/XML 标签缩进、补全和校验

  12. Babel

    支持ES6JSX语法高亮。

  13. CSScomb

    CSS代码风格格式化. ctrl+shift+c
    基于 nodeJS 下的 CSScomb 的插件:

    $ npm install -g CSScomb
    
  14. Js​Format

    JavaScript 代码格式化插件
    快捷键 ctrl+alt+f

  15. HTML-CSS-JS Prettify

    HTML + CSS + JAVASCRIPT + JSON 快速格式化
    快捷键 Ctrl+Shift+H

  16. Alignment

    代码对齐插件
    快捷键 ctrl+alt+a

  17. BracketHighlighter

    括号高亮匹配

  18. SideBarEnhancements

    为侧边栏添加很多额外的功能

  19. LiveReload

    让页面即时刷新

  20. Git

    整合 Git 功能的插件

  21. Color​Picker

    跨平台取色器插件
    快捷键 ctrl+shift++alt+c

  22. SublimeLinter

    代码校验插件,支持 HTML、CSS、JS、PHP、Java、C++ 等16种语言

    常用一下插件

    1. SublimeLinter-jshint

    2. SublimeLinter-jsxhint

    3. SublimeLinter-csslint

    4. SublimeLinter-contrib-eslint

    需要npm安装一些依赖

      $ npm install -g eslint
      $ npm install -g csslint
      $ npm install -g babel-eslint
      $ npm install -g eslint-plugin-react
      $ npm install -g jsxhint