Sublime Text 3使用心得

jopen 9年前發布 | 52K 次閱讀 Sublime Text

Sublime Text 號稱最性感的編輯器, 跨平臺, 免費使用

PS:本文主要針對Mac下的Sublime Text 3配置, 下面是效果圖

Sublime Text 3使用心得

0. 設置subl命令行 

#如果是在默認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"</pre> 
測試使用一下命令 


$ subl
 
使用方法 


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


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


如果從標準輸入--wait是隱式的。 使用--stay當文件關閉是不切換到后臺控制臺(只與是否有等待的文件有關)


文件名可以通過加:line或者:line:column后綴來指定打開的定位。
用法摘自官方文檔</pre> 
1. 修改Sublime Text2 默認配置 


在菜單欄選擇 Sublime Text->Preferences->Setting-User(注意其中Setting-Default是默認的系統配置, 是不可修改的), 通過修改用戶設置會覆蓋系統對應的默認配置,下面是我的配置單, 都加油注釋 


{
    "color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme", #主題設置, 這是下載主題后, 自動生成的, 也可以手動配置
    "font_size": 15, #設置字體大小, 我比較喜歡大一點的字體
    "ignored_packages":  #設置忽略文件類型, 第二個是默認忽略的, 第一個markdown文件我使用另一種文件打開,
    [
        "Markdown",
        "Vintage"
    ],
    "create_window_at_startup": false, #取消啟動時,自動打開新窗口的設置, 這個設置很惡心, 每次啟動后會自動生成一個空白窗口
    "open_files_in_new_window": false, #取消打開文件時會新生成一個窗口, 默認設置每次打開一個項目會重新生成一個窗口
    "highlight_line": true, #高亮當前編輯行, 其實高亮的不明顯
    "highlight_modified_tabs": true, #設置文件修改時, 標簽高亮提示, 這樣可以提示保存
    "show_encoding": true, #在窗口右下角顯示打開文件的編碼
    "original_color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme"  #主題設置
}
 
# 2. 添加快捷鍵前端網頁調試功能 




這個功能是我以前在github的項目里看到的, 已經找不到項目源地址了, 感謝原作者 




一、點擊菜單Tools -> New Plugin...，在創建好的py文件輸入下列內容： 


import sublime, sublime_plugin import webbrowser 


url map = { '/Users/andrew liu/HTML/' : 'file:///Users/andrew_liu/HTML/',#這里需要進行個人電腦的配置, 配置個人項目路徑 } 


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) #這里使用默認的瀏覽器調試
 
將文件保存到Packages/User目錄（Packages可通過菜單里的Browser Packages...打開），文件名隨意，如open_browser.py。插件部分完工了。 


二、接下來，為剛才的插件分配快捷鍵。點菜單Tools -> Command Palette...，或者shift+cmd+p，打開命令集，選擇“key Bindings - User”打開個人快捷鍵配置，輸入下列內容： 


[{ &quot;keys&quot;: [&quot;ctrl+shift+b&quot;], &quot;command&quot;: &quot;open_browser&quot; }] 


這就是要做的全部工作，可以測試下了。打開一個html文件，ctrl+shift+b試試，沒意外的話文件會在默認瀏覽器打開了。url_map里配置的站點目錄到URL的映射應該也是可用的。 


# 3. 添加包管管理神器 


最近Package Control好像被墻了, 我的另一臺電腦老是上不去, 具體不太清清楚, 天朝喪心病狂大家懂得, 所以如果一直上不去, 請KX上網 


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


    

  • Sublime Text3在控制臺輸入 
    • 



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在控制臺輸入 
    • 



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')
 
打開包管理神器 請使用快捷鍵shift + cmd + p, 然后輸入package或者一些簡寫 


4. Sublime Text 常用快捷鍵 


|快捷鍵組合|功能| |---|---| |shift + cmd + p|打開命令面板| |**control +**|控制臺| |cmd + n|新建標簽| |cmd + 數字|標簽切換| |cmd + option + 2|分成兩屏| |control + 數字|分屏時移動到不同的屏幕| |cmd + delelte|刪除光標前所有字符, 貌似是Mac快捷鍵| |cmd + f| 查找| |option + cmd + f|查找替換| |cmd + t|文件跳轉| |control + g|行跳轉, 類似vim中的num + gg| |cmd + r|函數跳轉| |cmd + /|給選中行添加或去掉注釋| |cmd + [或 cmd + ]|智能行縮進| |cmd + k + b`|開關側邊欄| 


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


5. 推薦插件 




插件是非常重要的一部分, 一個普通的編輯器難以滿足大部分人需要, 更難以滿足程序員多樣化的編程語言, 所以需要使用插件打造個性化的類IDE, 相比與IDE有啟動快, 干凈, 干擾少的優點 




5.1 主題類: 


    

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



安裝方法: 


shift + cmd + p 打開命令面板
輸入 “Package Control: Install Package” 命令
輸入 Colorsublime plugin, 找到后回車安裝
安裝成功后在preferences中選擇配色
 
Colorsublime Plugin github項目地址 


    

  • iTg主題, 我的最愛 
    • 



安裝方法 


shift + cmd + p 打開命令面板
輸入 “Package Control: Install Package” 命令
輸入Theme - itg.flat, 找到后回車安裝
安裝成功后在preferences中選擇主題
 
項目github地址 


    

  • 著名的Soda主題 
    • 



安裝方法 


shift + cmd + p 打開命令面板
輸入 “Package Control: Install Package” 命令
輸入soda, 找到Theme-Soda,找到后回車安裝
安裝成功后在preferences中選擇Setting-User更改主題設置:
{
    "theme": "Soda Light 3.sublime-theme"
}
 
github項目地址 


5.2. 其他插件 


安裝方法都通過Package Control 


shift + cmd + p 打開命令面板
輸入 “Package Control: Install Package” 命令
輸入安裝插件的簡寫或全拼,找到后回車安裝
 
    

  • alignment 這個忘了干嘛的了, 好像是控制所有類型文本的縮進 
    • 

  • all Autocomplete sublime只對當前文件進行本文件中的查找不全,all Autocomplete是對全部打開的文件進行查找不全, 選擇更多更全面 
    • 

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

  • docblockr 強大的文檔注釋功能, 只要在文檔中輸入/*然后按一下tab, 就會根據代碼自動生成注釋, 
    • 

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

  • git 支持sublime上的git操作, 這個就不用多說了 
    • 

  • markdownediting或者markdownPerview 這個是寫Markdown必備的。可以在包管理器中安裝。裝完之后，寫作Markdown時（右下角顯示語法為Markdown），可以按ctrl+b，直接就會生成HTML，并在瀏覽器中顯示。 
    • 

  • jsformat JavaScript代碼格式化 
    • 

  • sidebarenhancement 這是用來增強左邊的側邊欄。左側邊欄可以在View -> Side Bar -> Show Side Bar中打開，可以用Project -> Add Folder to Project...往側邊欄加入常用的文件夾。裝完這個插件，側邊欄的右鍵菜單會多一些功能，挺實用的。 
    • 

  • 

    Bracket Highlighter 這是用來做括號匹配高亮的，可以在包管理器中安裝。Sublime Text 2自帶的括號匹配只有小小的一橫線，太不顯眼了，這個可以讓高亮變成大大的一坨，不過我覺得它大得會蓋住光標了。 
    

    • 

  • 

    SublimeLinter 語法檢測工具, 可以檢測到所寫代碼的語法錯誤,并高亮顯示錯誤 用戶手冊 其中需要額外安裝一下包, 如SublimeLinter-pyflakes and SublimeLinter-pep8.SublimeLinter-jshint, SublimeLinter-pyyaml, SublimeLinter-csslint, SublimeLinter-html-tidy, and SublimeLinter-json 
    

    • 



更多 


    

  • 

    Djaneiro 支持模版和關鍵詞高亮, 提供有用的代碼片段 
    

    • 

  • 

    Material Theme 
    

    • 



絕對值得擁有的扁平化全界面修改Sublime UI, 我非常喜歡的主題, 我自己現在用的就是這款黑色主題 


Material Theme Github地址 


Sublime Text 3使用心得
 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！