最新消息:

Sublime Text配置笔记

编程相关 观测者 2204浏览

一、安装及汉化:点此下载(提取密码:nri7)
Sublime及其插件的设置都以JSON格式存储在文本文件中。而且,有一个默认设置文件(Default)以及用户设置文件(User)。实际使用的时候,用户设置会覆盖默认设置。因此,修改各项参数的时候只需要在用户设置文件中添加相应的项就可以了。点击Preferences菜单下的“Settings-Default”,可以看到Sublime的默认设置及每项参数的说明。

二、安装Package Control
1.点击Preferences > Browse Packages菜单;
2.进入打开的目录的上层目录,然后再进入Installed Packages/目录;
3.下载 Package Control.sublime-package 并复制到Installed Packages/目录;
4.重启Sublime Text。

三、解决中文乱码问题
点击Preferences > Package Control,上面会出来一个输入框,我们输入install,就会自动有提示那个install package,我们点击一下install package,输入框会消失,稍等一下又会弹出个输入框。这时我们可以输入需要安装的那个插件包:ConvertToUTF8,安装好这个包之后,重启下Sublime Text,就可以发现其打开GBK编码格式下的中文也不会乱码了。

四、括号高亮匹配插件:Bracket​Highlighter
BracketHighlighter能为ST提供括号,引号这类高亮功能,但安装此插件后,默认没有高亮,只有下划线表示,不是很醒目,需要如下配置
1.在ST中用package control安装BracketHighlighter。
2.安装完成后,打开Preferences -> package settings -> Bracket Highlighter -> Bracket Settings – User (注意是user),然后添加如下代码:

{
   "bracket_styles": {
       "default": {
           "icon": "dot",
           // "color": "entity.name.class",
           "color": "brackethighlighter.default",
           "style": "highlight"
       },

       "unmatched": {
           "icon": "question",
           "color": "brackethighlighter.unmatched",
           "style": "highlight"
       },
       "curly": {
           "icon": "curly_bracket",
           "color": "brackethighlighter.curly",
           "style": "highlight"
       },
       "round": {
           "icon": "round_bracket",
           "color": "brackethighlighter.round",
           "style": "highlight"
       },
       "square": {
           "icon": "square_bracket",
           "color": "brackethighlighter.square",
           "style": "highlight"
       },
       "angle": {
           "icon": "angle_bracket",
           "color": "brackethighlighter.angle",
           "style": "highlight"
       },
       "tag": {
           "icon": "tag",
           "color": "brackethighlighter.tag",
           "style": "highlight"
       },
       "single_quote": {
           "icon": "single_quote",
           "color": "brackethighlighter.quote",
           "style": "highlight"
       },
       "double_quote": {
           "icon": "double_quote",
           "color": "brackethighlighter.quote",
           "style": "highlight"
       },
       "regex": {
           "icon": "regex",
           "color": "brackethighlighter.quote",
           "style": "outline"
       }
   }
}

3.在ST的安装目录中打开packages/user/你的主题.tmTheme,在项里添加如下代码:

<!-- Bracket 开始 -->
<dict>
   <key>name</key>
   <string>Bracket Default</string>
   <key>scope</key>
   <string>brackethighlighter.default</string>
   <key>settings</key>
   <dict>
       <key>foreground</key>
       <string>#FFFFFF</string>
       <key>background</key>
       <string>#A6E22E</string>
   </dict>
</dict>

<dict>
   <key>name</key>
   <string>Bracket Unmatched</string>
   <key>scope</key>
   <string>brackethighlighter.unmatched</string>
   <key>settings</key>
   <dict>
       <key>foreground</key>
       <string>#FFFFFF</string>
       <key>background</key>
       <string>#FF0000</string>
   </dict>
</dict>

<dict>
   <key>name</key>
   <string>Bracket Curly</string>
   <key>scope</key>
   <string>brackethighlighter.curly</string>
   <key>settings</key>
   <dict>
       <key>foreground</key>
       <string>#FF00FF</string>
   </dict>
</dict>

<dict>
   <key>name</key>
   <string>Bracket Round</string>
   <key>scope</key>
   <string>brackethighlighter.round</string>
   <key>settings</key>
   <dict>
       <key>foreground</key>
       <string>#E7FF04</string>
   </dict>
</dict>

<dict>
   <key>name</key>
   <string>Bracket Square</string>
   <key>scope</key>
   <string>brackethighlighter.square</string>
   <key>settings</key>
   <dict>
       <key>foreground</key>
       <string>#FE4800</string>
   </dict>
</dict>

<dict>
   <key>name</key>
   <string>Bracket Angle</string>
   <key>scope</key>
   <string>brackethighlighter.angle</string>
   <key>settings</key>
   <dict>
       <key>foreground</key>
       <string>#02F78E</string>
   </dict>
</dict>

<dict>
   <key>name</key>
   <string>Bracket Tag</string>
   <key>scope</key>
   <string>brackethighlighter.tag</string>
   <key>settings</key>
   <dict>
       <key>foreground</key>
       <string>#FFFFFF</string>
       <key>background</key>
       <string>#0080FF</string>
   </dict>
</dict>

<dict>
   <key>name</key>
   <string>Bracket Quote</string>
   <key>scope</key>
   <string>brackethighlighter.quote</string>
   <key>settings</key>
   <dict>
       <key>foreground</key>
       <string>#56FF00</string>
   </dict>
</dict>
<!-- Bracket 结束 -->

五、其他常用扩展:
1. Emmet:Emmet 官方提供的 Sublime Text 扩展;
2. Sublime​Linter:代码校验插件,支持 HTML、CSS、JS、PHP、Java、C++ 等16种语言;
3. HTML5:HTML5 bundle for Sublime Text 2;
4. Alignment:代码对齐插件;
5. Bracket​Highlighter:括号高亮匹配;
6. Git:整合 Git 功能的插件;
7. jQuery:代码智能提示插件;
8. LESS:LESS 代码高亮插件;
9. Js​Format:JavaScript 代码格式化插件;
10. Tag:HTML/XML 标签缩进、补全和校验;
11. LiveReload:让页面即时刷新;
12. Pretty JSON:JSON美化扩展;
13. Can I Use:查询 CSS 属性兼容情况;
14. Coffee​Script:Coffee​Script 代码高亮,校验和编译等;
15. Color​Picker:跨平台取色器插件;
16. DocBlockr:生成特定格式的函数注释。只要在函数上面一行输入“/**”,按Tab就OK了。
17. GBK Encoding Support:对GBK编码文件的支持,中文开发者必备。
18. SidebarEnhancements:增强侧栏文件列表的右键菜单。
19. Tortoise:在侧栏文件列表的右键菜单中,增加Tortoise软件(TortoiseSVN、TortoiseGit、TortoiseHg)的命令。安装此插件后,可能需要修改Tortoise软件的路径。如果路径不正确,则右键菜单中不会出现Tortoise命令。
20. Zencoding:这个应该不用多说了,快速编写HTML的工具。

转载请注明:观测者 » Sublime Text配置笔记