Sublime Text插件安裝及配置

from:https://www.jianshu.com/p/58bf9e4d5b32

之前用過不少類型的代碼/文本編輯器,能夠一舉解決我所有編輯需求的工具還真是少之又少。曾經堅持用了三個月的Vim,還整理了一份vimrc在這。但是Vim學習曲線實在太陡,爬不上去,只好轉向這款號稱“性感無比”的代碼編輯器Sublime Text,又說“程序員必備神器”。一入手才發現,簡直是相見恨晚。今天偷空寫下我的配置心得,以饗各位看官。

我個人喜歡Sublime Text的原因主要有四:跨Windows/Linux/Mac平臺,輕量,安裝插件方便,編輯體驗極其流暢。平時的編輯需求包括,常規的文本編輯和瀏覽,用Markdown寫文章,寫Python和Java代碼。接下來我也主要圍繞這四類需求來簡要介紹我的Sublime Text最基本的配置情況。

Sublime Text 有兩個版本,ST3是Beta版,但是至今沒覺得有什麼影響使用的bug,我用的是Sublime Text 3 。

插件安裝

Sublime Text 插件安裝很簡單,一般有兩種方式。

離線安裝

  • 下載插件。
  • 解壓後,放入Packages目錄中。找到Packages目錄的簡單方法是在Sublime Text 3 的Preferences菜單中選擇Browse Packages。
  • 重啓 Sublime Text 3.

在線安裝

Sublime Text 有一個Packages的管理插件,Sublime Package Control。通過 Sublime Package Control,安裝、升級和卸載 Package 也變得輕鬆寫意了。

  • 打開 Sublime Text 3,按下Control + ‘調出 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 Text 2 請使用以下代碼:
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
  • 重啓 Sublime Text 3,如果在 Preferences -> Package Settings中見到Package Control這一項,就說明安裝成功了。

通過Package Control 來安裝插件:

  1. 按下Shift + Command + P調出命令面板。
  2. 輸入install調出Package Control: Install Package選項,按下回車。
  3. 輸入插件名稱並回車,稍等幾秒就安裝好了,有的插件可能需要重啓Sublime Text才能激活。

常規配置

每個人的編輯習慣不一樣,作爲輕微強迫症患者,我喜歡給自己的編輯器做一些設置,例如文件編碼,主題,字體,字體大小,顯示行號,設置Tab大小,空格替換製表,顯示空白符,顯示80字符打印線等等。我的初級Settings-User內容如下。

{
    "font_size": 12,
    "ignored_packages":
    [
        "Vintage"
    ],
    "font_face": "Consolas",
    // 設置tab的大小爲4
    "tab_size": 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,
    // 默認編碼格式
    "default_encoding": "UTF-8"
}

下面是一些我配置的常規插件。

  • IMESupport sublime text 有個BUG,那就是不支持中文的鼠標跟隨(和PS類似輸入的光標和文字候選框不在一起),IMESupport可以完美解決這個問題。
  • SideBarEnhancements SideBarEnhancements 是一款很實用的右鍵菜單增強插件,有以 diff 形式式顯示未保存的修改、在文件管理器中顯示該文件、複製文件路徑、在側邊欄中定位該文件等功能,也有基礎的諸如新建文件/目錄,編輯,打開/運行,顯示,在選擇中/上級目錄/項目中查找,剪切,複製,粘貼,重命名,刪除,刷新等常見功能。
  • ConvertToUTF8 通過本插件,您可以編輯並保存目前編碼不被 Sublime Text 支持的文件,特別是中日韓用戶使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP 等。ConvertToUTF8 同時支持 Sublime Text 2 和 3。
  • Terminal 這個插件可以讓你在Sublime中直接使用終端打開你的項目文件夾,並支持使用快捷鍵Control + Shift + T
  • Git 這個插件會將Git整合
    進你的SublimeText,使的你可以在SublimeText中運行Git命令,包括添加,提交文件,查看日誌,文件註解以及其它Git功能。
  • GitGutter 在編輯器的凹槽區,依照 Git ,增加小圖標來標識一行是否被插入、修改或刪除。在 GitGutter 的 readme中有說明如何更改顏色圖標來更新你的配色方案文件。
  • BracketHighlighter 可以使括號高亮匹配,這個需要自己來配置配色方案。我的配置方案見最後(Bracket settings-User和主題文件Monokai Extended.sublime-package添加的代碼)。
  • Monokai Extended 比較喜歡Soda Dark和Monokai,這裏有Monokai Extended。這個 color scheme 是 Monokai Soda 的增強。如果再配合 Markdown Extended,將大大改善 Markdown 的語法高亮。

配置Markdown書寫環境

  • Markdown Extended 一款Markdown高亮主題,安裝後在右下角的語言欄選擇Markdown Extended激活這種語言高亮,也可以在Control + shift + p啓用set syntax:markdown extended

  • Markdown preview Sublime Text 提供了對Markdown語言的支持,Markdown preview可實現Markdown轉換HTML並預覽的功能。Control + B生成HTML文檔,Alt + m可直接在瀏覽器打開。配置快捷鍵方式如下。

{ "keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} }

配置Python編輯環境

  • SublimeTmpl Sublime Text 新建文件的模板插件。模板支持自定義att(在settings-user裏設置)。
  • SublimeCodeIntel 爲部分語言增強自動完成+成員/方法提示功能,包括了 Python 。這個插件同時也可以讓你跳轉到符號定義的地方,通過按住 alt 並點擊符號。非常方便。支持所有Komodo Editor 支持的語言類型(需要自行配製)JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.此處僅介紹配置python.
    選擇Preferences-->Browser Packages...進入相關的目錄SublimeCodeIntel\.codeintel找到config.修改配置文件config。添加:
{
  "Python": {
      "python":'D:/Program Files/Python26/python.exe',
      "pythonExtraPaths":['D:\Python34','D:\Python34\DLLs','D:\Python34\Lib','D:\Python34\Lib\site-packages','D:\Python34\libs']
    }
}

配置Java編輯環境

前提

JDK已經安裝好,Java環境已配置好。

配置編譯環境

  • 在%Sublime Text 安裝目錄%/package/中找到Java.sublime-package,用好壓或者其他壓縮軟件打開(重命名爲rar文件雙擊就可以打開),在裏面找到JavaC.sublime-build並打開。裏面添加:
{
   "shell_cmd": "runJava.bat \"$file\"",
   "file_regex": "^(...*?):([0-9]*):?([0-9]*)",
   "selector": "source.java",
   //添加下面一段可支持編譯中文,親測Java可用
   "encoding": "GBK"
}
  • 在java的JDK/bin路徑下,新建一個文件,命名爲runJava.bat,裏面內容爲:
@ECHO OFF
cd %~dp1
IF EXIST %~n1.class (
DEL %~n1.class
)
javac -encoding UTF-8 %~nx1
IF EXIST %~n1.class (
java %~n1
)
  • 寫一個Hello world 測試代碼,使用Control + B運行之。
public class test{
    public static void main(String[] args) {
        System.out.println("Hello world!");
    }
}

附錄

BracketHighlighter配置

Bracket settings-User

{
        "bracket_styles": {
            // This particular style is used to highlight
            // unmatched bracket pairs. It is a special
            // style.
            "unmatched": {
                "icon": "question",
                "color": "brackethighlighter.unmatched",
                "style": "highlight"
            },
            // User defined region styles
            "curly": {
                "icon": "curly_bracket",
                "color": "brackethighlighter.curly",
                "style": "highlight"
            },
            "round": {
                "icon": "round_bracket",
                "color": "brackethighlighter.round",
                "style": "outline"
            },
            "square": {
                "icon": "square_bracket",
                "color": "brackethighlighter.square",
                "style": "outline"
            },
            "angle": {
                "icon": "angle_bracket",
                "color": "brackethighlighter.angle",
                "style": "outline"
            },
            "tag": {
                "icon": "tag",
                "color": "brackethighlighter.tag",
                "style": "outline"
            },
            "single_quote": {
                "icon": "single_quote",
                "color": "brackethighlighter.quote",
                "style": "outline"
            },
            "double_quote": {
                "icon": "double_quote",
                "color": "brackethighlighter.quote",
                "style": "outline"
            },
            "regex": {
                "icon": "regex",
                "color": "brackethighlighter.quote",
                "style": "outline"
            }
      }
}

Monokai Extended.sublime-package添加的代碼

<!-- BEGIN Bracket Highlighter plugin color modifications -->
<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>
<!-- END Bracket Highlighter plugin color modifications -->

作者:MarkChen
鏈接:https://www.jianshu.com/p/58bf9e4d5b32
來源:簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章