[安裝配置] 個人 Sublime Text 2/3 配置

初始化於: 2013-06-30

Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance.

— Description from the Sublime Text website.

我使用Sublime Text 2/3已經有半年以上的時間了, 基本在文本編輯和通常的開發都在該編輯器中進行, 剛開始根據一些文章的介紹配置了許多東西, 但到後來都不記得本身到底配置過啥, 或者爲啥而配置. 所以這裏進行一些整理與總結. 內容太多, 不時整理下.

目前使用的是ST3. 全部沒有特別說明ST都是指ST3.

快捷鍵

ST有一個super鍵, 在OSX中是⌘, 在Windows/Linux中是Ctrl. 下面都用super來表示.

根據文件名搜索和打開文件: super + P

列出(代碼)文件中全部方法: super + R

在當前文檔中, 選中下一處與當前選中文字相同的文字: super + D

在當前文檔中, 選中全部當前選中文字相同的文字: OSX上super + Ctrl + G , Windows上Alt + F3

調出命令面板: super + Shift + P

安裝Package Control

要作的第一件事是安裝Package Control

支持ST2/3, 用於安裝插件

安裝Packages

super + Shift + P, 輸入ip, 會出現Package Control: Install Package選項, Enter

有許多包能夠選擇安裝

• Color Highlighter 還不支持ST3

• SideBarEnhancements

ST3版本需手動安裝: https://github.com/titoBouzout/SideBarEnhancements/tree/st3

• Sublime GitHub

Sublime Text 2/3 plugin that provides a number of useful commands for GitHub.

ST3版本可直接用Package Control安裝

• Sublime Git

• SmartMarkdown for Sublime Text 2

可以使用Tab和Shift Tab摺疊標題

• Sublimerge Pro

The diff and merge tool for Sublime Text 2 and 3

• BracketHighlighter

高亮顯示匹配的括號、引號和標籤

ST3版本需手動安裝: https://github.com/facelessuser/BracketHighlighter/tree/BH2ST3

• TrailingSpacer

高亮顯示多餘的空格和Tab, ST3版本可直接用Package Control安裝

相關Settings - User

{
    ...
    "draw_white_space": "all",
    "ensure_newline_at_eof_on_save": true,
    "trim_automatic_white_space": true,
    "trim_trailing_white_space_on_save": true,
    ...
}

• Fetch

抓取文件

插件視頻

• Clickable Urls

ST3版本可直接用Package Control安裝

默認快捷鍵是ctrl+alt+enter, 可是發現有衝突, 固修改成:

:::python
{ "keys": ["ctrl+alt+u"], "command": "open_url" }

• HTML-CSS-JS Prettify

• LESS2CSS

Themes

我使用Soda主題

Soda

Color Scheme

使用添加了Markdown語法高亮後的Monokai, 即Monokai Soda.tmTheme

參考自定義 Markdown 高亮配色方案, 修改以適應Soda主題(博文中的主題直接用在Soda主題中會有Bug)

代碼

在ST3中將自定義的主題放入ST3\Data\Packages\User文件夾中, 便可在Preferences -> Color Scheme -> User中進行選擇.

用戶配置文件

在使用ST2以前, 對首選項進行適當調整會改進你的體驗.

默認配置在: Preferences -> Settings - Default中, 一般你不會去修改這個文件, 但能夠做爲參考, 看有哪些可配置選項, 以及介紹

用戶配置在: Preferences -> Settings - User中

個人配置:

<script src="https://gist.github.com/ZoeyYoung/4239875.js"></script>

我將配置保存在Gist中, 以方便共享與使用

這裏你能夠參考Default配置文件進行更多配置

參考文檔

Sublime Text Unofficial Documentation

Addy Osmani - Custom Sublime Text Build Systems For Popular Tools And Languages

Alex McCaw - Setting up Sublime Text 2

netttuts+ - Sublime Text 2 Tips and Tricks

tuts+ Premium - Perfect Workflow in Sublime Text 2

Drew Barontini - Sublime Text (2)

Stuart Herbert - Setting up Sublime Text 2 for PHP Development

Hassan Khan - My Sublime Text 2 Setup

Soda Theme

異次元軟件世界

All about sublime text 2 — sublime 使用的一些經驗

Snippets in Sublime Text 2

Sublime Text 2 CSS Snippets

How to Create Snippets

一些必不可少的Sublime Text 2插件

Sublime Text 3能用支持的插件推薦