不管你用什么编辑，sublime是首选编辑器，就是sublime淘汰，但已成为标准。例如：atom，几乎等同于sublime，及其他可以几乎调成到sublime操作方式。

一、常用插件

插件搜索地址：packagecontrol.io。当然你也可以在github上搜索了。

1. SideBarEnhancements (broweser preview)

 你看名字以为是这边栏扩展，但是可以解决浏览器预览问题。建立快捷键方式，用`strl + shift + p` 去搜索key binding user.

[
    { "keys": ["ctrl+shift+c"], "command": "copy_path" },
    //chrome
    { "keys": ["f1"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C://Program Files (x86)//Google//Chrome//Application//chrome.exe",
                "extensions":".*" //匹配任何文件类型
            }
    },
    //360
    { "keys": ["f2"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Users\\Administrator\\AppData\\Roaming\\360se6\\Application\\360se.exe",
                "extensions":".*" //匹配任何文件类型
            }
    },
    //ie
    { "keys": ["f3"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Program Files (x86)\\Internet Explorer\\iexplore.exe",
                "extensions":".*" //匹配任何文件类型
            }
    },
    // firefox
    { "keys": ["f4"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "D:\\Program Files\\Mozilla Firefox\\firefox.exe",
                "extensions":".*" //匹配任何文件类型
            }
    }
]

ps： 如果前端自动化，那么这个做法只是测试一些html，css，js采用，真正的项目，你还是用自动化（gulp、grunt、webpack、browserify，前端四大金刚）。

2. sass 、scss、css3

这个我没有找到合适autocomplete plugin package，并没能将这个三个自动合在一起，导致你写scss，想写css3的属性，他没有提示，写css3时，scss也没提示，scss和sass并且乱用的，我在其他编辑器中，发现都是整合在一起的。例如：atom做到了。

我不知道有什么其他好方法，能够将这三个的autocomplete整合在一起。

注意： 这里我没安装compass和autoprefixer，安装过，后卸载了。另外其他编辑器atom和webstorm，phpstorm、Hbuild等也不没有配置。想想看每个编辑都要配置，且都自动化，也就一个月用那么几次测测东西。因此，我将他们卸载和禁用，用 Koala + Browser-Sync来替代。

3. sublimeText-nodejs

看名字，就明白是nodejs插件，我不太喜欢 ctrl + b 来执行运行nodejs，与cli的命令都不一样，也没有那么多时间记这些命令，所以还是老老实实在cli中敲命令。

其他插件，提一个名字，看英文单词

4. sublime-compare-side-by-side

这个是在侧边项目栏，右击项目文件，呼出的菜单面板。

5. emmet

6. python-markdown

这个他自身配有

7. formatting 或者 prettify Code

8. terminal

9. AdvanceNewFile

• ctrl + alt + n 创建文件
• ctrl + alt + shift + n

10. sublime-compare-side-by-side

search

11. IMESupport

解决IME候选框不跟踪的问题

compara width    

总结：当然，插件很多种，就看个人喜好。

二、插件备份

配置好了自己编辑器，做备份，为以后安装方便。有三种备份方法：

• 备份在github上
• 备份在云盘上
• package sync

三、启动和禁用插件

    n package diable

或者

    n package enable

四、快捷键的设置

??我不太喜欢设置快捷键，除了个浏览器预览设置外。我其他都保持默认。很多时候靠 ctrl + shift + p 来搜索命令。若真要设置，进入key binding-user。查看所有默认快捷键方式，进入key binding-default。

常用快捷键，看很多文章，总是一长串，花时间记录快捷键，还不如多多记代码。 还不只需要记住ctrl + shift + p 记不住，就搜（the English capacity problem, it is your problem, rather than not belong me）

• ctrl + p 文件搜索
• ctrl + R 文件替换
• 分屏
  • alt + shift + 1
  • alt + shift + 2
  • alt + shift + 3
  • alt + shift + 4
  • alt + shift + 5
  • alt + shift + 8

五、在cli用subl打开文件，如下：

subl a.txt

１.　window系统下

??1) cmder 和 cmd

doskey subl="D:\Program Files\sublime3\Sublime Text 3\sublime_text.exe" $*

ps: 上面要通过管理员权限启动cli并输入，是否加上变量环境（不太清楚，我的电脑加上了），

??2) cygwin

$ echo ‘alias subl="/cygdrive/c/Program\ Files/Sublime\ Text\ 2/sublime_text.exe"‘ >> ~/.bashrc

在这个问题上百度是吃狗屎的，请上stackoverflow

2. mac下

没用过mac,这里提供传送门