文本编辑器------Sublime Text（跨语言，跨系统），优点：快，占用资源小，前端必须。

---文本编辑，Editplus已经过时，notepad++差太多，只有部分功能可取。

@常见问题和教程：
　　1， sublime text怎么设置编码格式？
　　---sublime默认编码格式是utf-8，可以在preferences--->设置 默认中查看。
　　---文件---》Reopen with Encoding---》选择编码保存即可。
　　2，将Sublime Text3添加到右键菜单中？
　　---把以下代码，复制到文本框中，然后重命名为：sublime_addright.reg，然后双击就可以了。
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\*\shell\SublimeText3]
@="用 SublimeText3 打开"
"Icon"="C:\\Program Files\\Sublime Text 3\\sublime_text.exe,0"

[HKEY_CLASSES_ROOT\*\shell\SublimeText3\command]
@="C:\\Program Files\\Sublime Text 3\\sublime_text.exe %1"


[HKEY_CLASSES_ROOT\Directory\shell\SublimeText3]
@="用 SublimeText3 打开"
"Icon"="C:\\Program Files\\Sublime Text 3\\sublime_text.exe,0"

[HKEY_CLASSES_ROOT\Directory\shell\SublimeText3\command]
@="C:\\Program Files\\Sublime Text 3\\sublime_text.exe %1"

　　---附一个删除右键菜单的脚本，重命名为：sublime_delright.reg，然后双击就可以了。
Windows Registry Editor Version 5.00
[-HKEY_CLASSES_ROOT\*\shell\SublimeText3]
[-HKEY_CLASSES_ROOT\Directory\shell\SublimeText3]

 

@使用教程地址：http://www.cnblogs.com/figure9/p/sublime-text-complete-guide.html

@常用配置文件所在目录（有时候报配置错误，需要在这个目录下对配置文件进行修改）：
1，C:\Users\yxds007\AppData\Roaming\Sublime Text 3\Packages
2，安装目录中没有配置文件。

3，配置文件能否重复利用问题？   可以

---即在一台电脑上配置了并且安装了插件，拷贝到其他电脑上也能用。

---经过测试可以。即将C:\Users\yxds007\AppData\Roaming\Sublime Text 3下的所有文件复制，然后拷贝到其他电脑上。

---注意，有一个文件不能覆盖，即License.sublime_license文件，如果覆盖了还要重新注册。

@字体等一些个人设置（菜单---》首选项---》设置-用户）Preferences=>设置 用户
1，设置-默认中是不能更改的。
2，例如下边的设置（高亮当前行必须设置，其他看需要。）：
    // 设置Sans-serif（无衬线）等宽字体，以便阅读
    "font_face": "YaHei Consolas Hybrid",
    "font_size": 10,   //默认10
    // 使光标闪动更加柔和
    "caret_style": "phase",
    // 高亮当前行
    "highlight_line": true,
    // 高亮有修改的标签
    "highlight_modified_tabs": true,
3，规范代码设置：
    // 设置tab的大小为2
    "tab_size": 4,    //这里默认是2，改成4
    // 使用空格代替tab
    "translate_tabs_to_spaces": true,
    // 添加行宽标尺
    "rulers": [80, 100],
    // 显示空白字符
    "draw_white_space": "all",
    // 保存时自动去除行末空白
    "trim_trailing_white_space_on_save": true,
    // 保存时自动增加文件末尾换行
    "ensure_newline_at_eof_on_save": true、

@必备插件
1，Package Control 插件管理（安装，卸载），必须。
　　---安装教程，官网上有。https://packagecontrol.io/installation
2，FileDiffs，必须
　　---这个插件允许你看到SublimeText中两个不同文件的差异。你可以比较的对象可以是从剪贴板中复制的数据，或工程中的文件，当前打开的文件等。
3，Snippets，必须
　　---Sublime Text支持代码段（Code Snippet），输入代码段名称后Tab即可生成代码段，可以帮你快速书写代码。但它不是像上面提到的插件那样使用缩写，它是重用代码块以节省您的时间。你甚至可以创建自己的代码段，这完全取决于你自己。
　　---Snippets只是一个统称，具体到语言就是C# snippets，php snippets，css snippets。
2，实现浏览器预览
　　（1），SideBarEnhancements 侧边栏增强，必须。
　　（2），Package Settings -> Side Bar -> Key bindings -> User
　　（3），将下边代码拷贝到上边打开的文件夹中，就可以了。
　　---很多教程说用f12启动浏览器预览，但是实际测试中，发现不能用，应该是按键冲突导致。用ctrl+shift+x就不会出现问题。
　　---备注application指定的浏览器目录，必须是本机浏览器安装的目录。
[
     { "keys": ["ctrl+shift+c"], "command": "copy_path" },
     { "keys": ["alt+f12"], "command": "open_in_browser" },
     /*{ "keys": ["f12"], "command": "side_bar_files_open_with",    */
     { "keys": ["ctrl+shift+x"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\Program Files\\Mozilla Firefox\\firefox.exe",
                "extensions":".*" //any file with extension
            } },
    { "keys": ["ctrl+f12"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*" //any file with extension
            }
     }
]

4,ConvertToUTF8，必须
　　---解决sublime text3中不能显示中文的问题
5，IMESupport 解决输入法不能跟随问题，必须
6，格式化（Formatting）插件，功能待测试
　　Sublime Text基本的手动格式化操作包括：Ctrl + [向左缩进，Ctrl + ]向右缩进，此外Ctrl + Shift + V可以以当前缩进粘贴代码（非常实用）。
　　除了手动格式化，我们也可以通过安装插件实现自动缩进和智能对齐：
　　* HTMLBeautify：格式化HTML。
　　* AutoPEP8：格式化Python代码。
　　* Alignment：进行智能对齐，按Ctrl+Alt+A，可以将凌乱的代码以等号为准左右对其，适合有代码洁癖的朋友。
7，BracketHighlighter
　　---高亮显示匹配的括号、引号和标签，必须。
8，TrailingSpacer
　　---高亮显示多余的空格和Tab，必须。
　　---有时候在代码结尾打多了几个空格或Tab，一般不会察觉，TrailingSpacer这款插件能高亮显示多余的空格和Tab，并可以一键删除它们，有代码洁癖的朋友应该会喜欢这个插件。
9，SublimeTmpl 快速生成文件模板
　　一直都很奇怪为什么sublime text 3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。
　　SublimeTmpl默认的快捷键：
  　　ctrl+alt+h html
  　　ctrl+alt+j javascript
  　　ctrl+alt+c css
  　　ctrl+alt+p php
 　　 ctrl+alt+r ruby
 　　 ctrl+alt+shift+p python
  上边文件可以在C:\Users\yxds007\AppData\Roaming\Sublime Text 3\Packages\SublimeTmpl\templates中找到，并配置修改。
　　如果想要新建其他类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型，这里就不详细介绍了，请各位自己折腾哈~
10，DocBlockr，必须
　　DocBlockr这个插件可以很好的生成js ,php 等语言函数注释,只需要在函数上面输入/** ,然后按tab 就会自动生成注释
11，Emmet Css Snippets（即Zen coding）    ctrl+e生成代码，或者tab键，tab键有时候会出问题，出问题就用ctrl+e。
---一种快速编写HTML/CSS代码的方法，Zen Coding由两个核心组件组成：一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。
---Emmet支持html缩写，例如输入div#header，然后按ctrl+e键盘，就会自动生成代码：<div id="header"></div>
---Emmet支持css缩写，例如输入fz，按一下tab键，自动生成font-size。教程网址：http://devework.com/emmets-css.html
---教程网址：http://www.w3cplus.com/tools/emmet-cheat-sheet.html
http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code/

12，Alignment插件
（1），安装
（2），默认快捷键是ctrl+alt+a跟qq等软件切图快捷键冲突，修改快捷方法如下：
Preferences=>Package Settings=>Alignment=>Key Bindding - User然后写入:
{
    "keys":["ctrl+alt+f"],
    "command":"alignment"
}
----如果上边文件中已经有其他配置了，在后边加上就可以了。
（3），使用方法：选中要对齐的代码，按快捷键。
----注意不要选择全部代码，选中要对齐的代码，即带等号的代码即可，它只能格式化等号两边的代码或者多个相邻带等号的代码。
13，HTML-CSS-JS Prettify插件   HTML、CSS、JAVASCRIPT格式化工具
---注意，只能格式化html，css，js后缀名的文件。
---格式化方法：全选然后按快捷键即可格式化。
---需要nodejs的支持，在set node path中设置nodejs路径。
---可以格式化那些压缩过的css和js文件。
---默认快捷键是Ctrl+Shift+H，和搜狗拼音输入法冲突，可以在Set Keyboard Shortcuts中设置为Ctrl+Alt+G。

14，不用CSScomb，CSS规范看bootstrap前端编码规范-黄金定律。

15，HTML代码格式化工具。

　　---插件名称：TAG

　　---插件安装成功后，在需要格式化的HTML代码中，选中代码，然后按Ctrl+Alt+F对代码进行格式化。

　　---首先，如果你要用ctrl+alt+f格式化代码的话要先选中一段代码再按才会有效，否则是无效的。
其次，如果你是要格式化整个html文件的话，可以从edit----Tag----Auto-Format Tags on Document.点击这个选项就可以格式化整个html文件。