歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux基礎 >> Linux教程 >> Sublime Text 2/3使用心得

Sublime Text 2/3使用心得

日期:2017/2/28 13:52:58   编辑:Linux教程

文章目錄

  1. 1. 0. 設置subl命令行
  2. 2. 1. 修改Sublime Text2 默認配置
  3. 3. 2. 添加快捷鍵前端網頁調試功能
  4. 4. 3. 添加包管管理神器
  5. 5. 4. Sublime Text 常用快捷鍵
  6. 6. 5. 推薦插件
    1. 6.1. 5.1 主題類:
    2. 6.2. 5.2. 其他插件

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

PS:本文主要針對Mac下的Sublime Text配置, 其他的請自行對快捷鍵修改, 之前寫錯了, Mac下使用的是Sublime Text2, 在另一台電腦用的Sublime Text3, 混肴了, 但在配置方面2/3只有少量的差別, 更多的版本差別體現在插件的支持上

0. 設置subl命令行

1 2 3 4 5 6 7 #如果是在默認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"

測試使用一下命令

1 $ subl

使用方法

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 用法: 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後綴來指定打開的定位。 用法摘自官方文檔

1. 修改Sublime Text2 默認配置


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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 { "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", #主題設置 "translate_tabs_to_spaces": true #將tab鍵的形式改為四個空格 }

2. 添加快捷鍵前端網頁調試功能


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

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 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”打開個人快捷鍵配置,輸入下列內容:

[{ "keys": ["ctrl+shift+b"], "command": "open_browser" }]
這就是要做的全部工作,可以測試下了。打開一個html文件,ctrl+shift+b試試,沒意外的話文件會在默認浏覽器打開了。url_map裡配置的站點目錄到URL的映射應該也是可用的。

3. 添加包管管理神器


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

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

  • Sublime Text3在控制台輸入
1 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在控制台輸入
1 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

安裝方法:

1 2 3 4 shift + cmd + p 打開命令面板 輸入 “Package Control: Install Package” 命令 輸入 Colorsublime plugin, 找到後回車安裝 安裝成功後在preferences中選擇配色

Colorsublime Plugin github項目地址

  • iTg主題, 我的最愛

安裝方法

1 2 3 4 shift + cmd + p 打開命令面板 輸入 “Package Control: Install Package” 命令 輸入Theme - itg.flat, 找到後回車安裝 安裝成功後在preferences中選擇主題

項目github地址

  • 著名的Soda主題

安裝方法

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

github項目地址

5.2. 其他插件

安裝方法都通過Package Control

1 2 3 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
    支持模版和關鍵詞高亮, 提供有用的代碼片段

未安裝:

  • Anaconda
    打造python IDE

    Anaconda turns your Sublime Text 3 in a full featured Python development IDE including autocompletion, code linting, IDE features, autopep8 formating, McCabe complexity checker and Vagrant for Sublime Text 3

更多 Sublime Text資訊教程閱讀

Ubuntu 安裝代碼編輯器 Sublime Text 3 (Build 3083) http://www.linuxidc.com/Linux/2015-03/115534.htm

動圖展示16個Sublime Text快捷鍵用法 http://www.linuxidc.com/Linux/2014-12/110930.htm

Ubuntu 12.10 安裝破解Sublime Text 2 http://www.linuxidc.com/Linux/2013-07/86898.htm

Ubuntu 13.04安裝Sublime Text 2 http://www.linuxidc.com/Linux/2013-05/84228.htm

編碼神器——Sublime Text 包管理工具及擴展大全 http://www.linuxidc.com/Linux/2013-10/91701.htm

如何開發 Sublime Text 2 的插件 http://www.linuxidc.com/Linux/2013-09/90046.htm

Windows Mac Linux下安裝以及破解Sublime Text 2編輯器 http://www.linuxidc.com/Linux/2013-08/89452.htm

文本編輯器Sublime Text 使用體驗 http://www.linuxidc.com/Linux/2013-08/89326.htm

Sublime Text 的詳細介紹:請點這裡
Sublime Text 的下載地址:請點這裡

Copyright © Linux教程網 All Rights Reserved