Mac下Sublime Text 2使用心得


Sublime Text號(hào)稱(chēng)最性感的編輯器, 跨平臺(tái), 免費(fèi)使用

PS:本文主要針對(duì)Mac下的Sublime Text配置, 其他的請(qǐng)自行對(duì)快捷鍵修改, 之前寫(xiě)錯(cuò)了, Mac下使用的是Sublime Text2, 在另一臺(tái)電腦用的Sublime Text3, 混肴了


推薦四部曲基本完成, 可以安心干別的了


0. 設(shè)置subl命令行


#如果是在默認(rèn)shell下, 
sudo ln -s "/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl" /usr/bin/subl

#使用zsh的可以使用以下命令
alias subl="'/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl'"
alias nano="subl"
export EDITOR="subl"

測(cè)試使用一下命令

$ subl

使用方法

用法:
subl [arguments] [files]         編輯指定的文件edit the given files
   or: subl [arguments] [directories]   打開(kāi)指定的目錄
   or: subl [arguments] -               編輯stdin

參數(shù)Arguments:
  --project <project>: 載入指定的project
  --command <command>: 運(yùn)行指定的命令
  -n or --new-window:  打開(kāi)一個(gè)新的窗口
  -a or --add:         添加文件夾到當(dāng)前窗口
  -w or --wait:        返回前等待文件關(guān)閉
  -b or --background:  不激活該應(yīng)用程序
  -s or --stay:        文件關(guān)閉后保持應(yīng)用程序激活狀態(tài)
  -h or --help:        顯示幫助并退出
  -v or --version:     顯示版本信息并退出

如果從標(biāo)準(zhǔn)輸入--wait是隱式的。 使用--stay當(dāng)文件關(guān)閉是不切換到后臺(tái)控制臺(tái)(只與是否有等待的文件有關(guān))

文件名可以通過(guò)加:line或者:line:column后綴來(lái)指定打開(kāi)的定位。
用法摘自官方文檔

1. 修改Sublime Text2 默認(rèn)配置


在菜單欄選擇 Sublime Text->Preferences->Setting-User(注意其中Setting-Default是默認(rèn)的系統(tǒng)配置, 是不可修改的), 通過(guò)修改用戶(hù)設(shè)置會(huì)覆蓋系統(tǒng)對(duì)應(yīng)的默認(rèn)配置,下面是我的配置單, 都加油注釋

{
    "color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme", #主題設(shè)置, 這是下載主題后, 自動(dòng)生成的, 也可以手動(dòng)配置
    "font_size": 15, #設(shè)置字體大小, 我比較喜歡大一點(diǎn)的字體
    "ignored_packages":  #設(shè)置忽略文件類(lèi)型, 第二個(gè)是默認(rèn)忽略的, 第一個(gè)markdown文件我使用另一種文件打開(kāi),
    [
        "Markdown",
        "Vintage"
    ],
    "create_window_at_startup": false, #取消啟動(dòng)時(shí),自動(dòng)打開(kāi)新窗口的設(shè)置, 這個(gè)設(shè)置很惡心, 每次啟動(dòng)后會(huì)自動(dòng)生成一個(gè)空白窗口
    "open_files_in_new_window": false, #取消打開(kāi)文件時(shí)會(huì)新生成一個(gè)窗口, 默認(rèn)設(shè)置每次打開(kāi)一個(gè)項(xiàng)目會(huì)重新生成一個(gè)窗口
    "highlight_line": true, #高亮當(dāng)前編輯行, 其實(shí)高亮的不明顯
    "highlight_modified_tabs": true, #設(shè)置文件修改時(shí), 標(biāo)簽高亮提示, 這樣可以提示保存
    "show_encoding": true, #在窗口右下角顯示打開(kāi)文件的編碼
    "original_color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",   #主題設(shè)置
        "translate_tabs_to_spaces": true #將tab鍵的形式改為四個(gè)空格
}

2. 添加快捷鍵前段網(wǎng)頁(yè)調(diào)試功能


這個(gè)功能是我以前在github的項(xiàng)目里看到的, 已經(jīng)找不到項(xiàng)目源地址了, 感謝原作者

一、點(diǎn)擊菜單Tools -> New Plugin...,在創(chuàng)建好的py文件輸入下列內(nèi)容:

import sublime, sublime_plugin
import webbrowser
 
url_map = {
    '/Users/andrew_liu/HTML/' : 'file:///Users/andrew_liu/HTML/',#這里需要進(jìn)行個(gè)人電腦的配置, 配置個(gè)人項(xiàng)目路徑
}
 
class OpenBrowserCommand(sublime_plugin.TextCommand):
    def run(self, edit) :
        window = sublime.active_window()
        window.run_command('save')
        url = self.view.file_name()
        flag = False
        for path, domain in url_map.items():
            if url.startswith(path):
                url = url.replace(path, domain).replace('\\', '\/')
                flag = True
                break
        if not flag:
            url = 'file://' + url
        webbrowser.open_new(url) #這里使用默認(rèn)的瀏覽器調(diào)試

將文件保存到Packages/User目錄(Packages可通過(guò)菜單里的Browser Packages...打開(kāi)),文件名隨意,如open_browser.py。插件部分完工了。

二、接下來(lái),為剛才的插件分配快捷鍵。點(diǎn)菜單Tools -> Command Palette...,或者shift+cmd+p,打開(kāi)命令集,選擇“key Bindings - User”打開(kāi)個(gè)人快捷鍵配置,輸入下列內(nèi)容:

[{ "keys": ["ctrl+shift+b"], "command": "open_browser" }]
這就是要做的全部工作,可以測(cè)試下了。打開(kāi)一個(gè)html文件,ctrl+shift+b試試,沒(méi)意外的話文件會(huì)在默認(rèn)瀏覽器打開(kāi)了。url_map里配置的站點(diǎn)目錄到URL的映射應(yīng)該也是可用的。

3. 添加包管管理神器


最近Package Control好像被墻了, 我的另一臺(tái)電腦老是上不去, 具體不太清清楚, 天朝喪心病狂大家懂得, 所以如果一直上不去, 請(qǐng)翻墻

安裝過(guò)程: 使用快捷鍵 **control + ** 或者菜單欄選擇View > Show Console`

  • Sublime Text3在控制臺(tái)輸入
import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
  • Sublime Text2在控制臺(tái)輸入
import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

打開(kāi)包管理神器 請(qǐng)使用快捷鍵shift + cmd + p, 然后輸入package或者一些簡(jiǎn)寫(xiě)

4. Sublime Text 常用快捷鍵


快捷鍵組合 功能
shift + cmd + p 打開(kāi)命令面板
control + ` 控制臺(tái)
cmd + n 新建標(biāo)簽
cmd + 數(shù)字 標(biāo)簽切換
cmd + option + 2 分成兩屏
control + 數(shù)字 分屏?xí)r移動(dòng)到不同的屏幕
cmd + delelte 刪除光標(biāo)前所有字符, 貌似是Mac快捷鍵
cmd + f 查找
option + cmd + f 查找替換
cmd + t 文件跳轉(zhuǎn)
control + g 行跳轉(zhuǎn), 類(lèi)似vim中的num + gg
cmd + r 函數(shù)跳轉(zhuǎn)
cmd + / 給選中行添加或去掉注釋
cmd + [或 cmd + ] 智能行縮進(jìn)
cmd + k + b 開(kāi)關(guān)側(cè)邊欄

更多快捷鍵可查看官方文檔

5. 推薦插件


插件是非常重要的一部分, 一個(gè)普通的編輯器難以滿(mǎn)足大部分人需要, 更難以滿(mǎn)足程序員多樣化的編程語(yǔ)言, 所以需要使用插件打造個(gè)性化的類(lèi)IDE, 相比與IDE有啟動(dòng)快, 干凈, 干擾少的優(yōu)點(diǎn)

5.1 主題類(lèi):

  • 包含大量配色主題的插件包
    首先介紹一個(gè)包含大量配色包的網(wǎng)站, Colorsublime, 里面各種各樣的配色讓人眼花繚亂
    Colorsublime Plugin

安裝方法:

shift + cmd + p 打開(kāi)命令面板
輸入 “Package Control: Install Package” 命令
輸入 Colorsublime plugin, 找到后回車(chē)安裝
安裝成功后在preferences中選擇配色

Colorsublime Plugin github項(xiàng)目地址

Colorsublime
Colorsublime
  • iTg主題, 我的最?lèi)?ài)

安裝方法

shift + cmd + p 打開(kāi)命令面板
輸入 “Package Control: Install Package” 命令
輸入Theme - itg.flat, 找到后回車(chē)安裝
安裝成功后在preferences中選擇主題

項(xiàng)目github地址

itg-flag
itg-flag
itg-flag
itg-flag
  • 著名的Soda主題

安裝方法

shift + cmd + p 打開(kāi)命令面板
輸入 “Package Control: Install Package” 命令
輸入soda, 找到Theme-Soda,找到后回車(chē)安裝
安裝成功后在preferences中選擇Setting-User更改主題設(shè)置:
{
    "theme": "Soda Light 3.sublime-theme"
}

github項(xiàng)目地址

Soda-Light
Soda-Light
Soda-Dark
Soda-Dark

5.2. 其他插件

安裝方法都通過(guò)Package Control

shift + cmd + p 打開(kāi)命令面板
輸入 “Package Control: Install Package” 命令
輸入安裝插件的簡(jiǎn)寫(xiě)或全拼,找到后回車(chē)安裝
  • alignment
    這個(gè)忘了干嘛的了, 好像是控制所有類(lèi)型文本的縮進(jìn)

  • all Autocomplete
    sublime只對(duì)當(dāng)前文件進(jìn)行本文件中的查找不全, all Autocomplete是對(duì)全部打開(kāi)的文件進(jìn)行查找不全, 選擇更多更全面

  • converttoUTF8
    編輯的所有文件都使用UTF-8編碼

  • docblockr
    強(qiáng)大的文檔注釋功能, 只要在文檔中輸入/*然后按一下tab, 就會(huì)根據(jù)代碼自動(dòng)生成注釋,

  • emmet
    前段神器, 減少大量的工作量, 使用方法可以參考Emmet:HTML/CSS代碼快速編寫(xiě)神器或者官方文檔

  • git
    支持sublime上的git操作, 這個(gè)就不用多說(shuō)了

  • markdownediting或者markdownPerview
    這個(gè)是寫(xiě)Markdown必備的。可以在包管理器中安裝。裝完之后,寫(xiě)作Markdown時(shí)(右下角顯示語(yǔ)法為Markdown),可以按ctrl+b,直接就會(huì)生成HTML,并在瀏覽器中顯示。

  • jsformat
    JavaScript代碼格式化

  • sidebarenhancement
    這是用來(lái)增強(qiáng)左邊的側(cè)邊欄。左側(cè)邊欄可以在View -> Side Bar -> Show Side Bar中打開(kāi),可以用Project -> Add Folder to Project...往側(cè)邊欄加入常用的文件夾。裝完這個(gè)插件,側(cè)邊欄的右鍵菜單會(huì)多一些功能,挺實(shí)用的。

  • Bracket Highlighter
    這是用來(lái)做括號(hào)匹配高亮的,可以在包管理器中安裝。Sublime Text 2自帶的括號(hào)匹配只有小小的一橫線,太不顯眼了,這個(gè)可以讓高亮顯示在行號(hào)那里, 非常清晰

  • SublimeLinter
    語(yǔ)法檢測(cè)工具, 可以檢測(cè)到所寫(xiě)代碼的語(yǔ)法錯(cuò)誤,并高亮顯示錯(cuò)誤
    用戶(hù)手冊(cè)
    其中需要額外安裝一下包, 如SublimeLinter-pyflakes and SublimeLinter-pep8.SublimeLinter-jshint, SublimeLinter-pyyaml, SublimeLinter-csslint, SublimeLinter-html-tidy, and SublimeLinter-json

更多額外包

  • Djaneiro
    支持Django模版和關(guān)鍵詞高亮, 提供有用的代碼片段
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容