sublime介紹常用插件和快捷鍵


簡介

  1. Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來的,它最初被設計為一個具有豐富擴展功能的Vim。
  2. 是一個跨平台的編輯器,同時支持Windows、Linux、Mac OS X等操作系統。
  3. Sublime Text具有漂亮的用戶界面和強大的功能,例如代碼縮略圖,Python的插件,代碼段等。還可自定義鍵綁定,菜單和工具欄。Sublime Text 的主要功能包括:拼寫檢查,書簽,完整的Python API,Goto功能,即時項目切換,多選擇,多窗口等。

下載地址

傳送門

常用插件介紹

  1. package control 這個是對你的sublime的包進行管理的一個工具

    安裝方法:

    • 按Ctrl+`調出console
    • 粘貼以下代碼到底部命令行並回車(sublime3)
    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,如果在Perferences->package settings中看到package control這一項,則安裝成功
    • 使用的時候按Ctrl+ shift+p,選擇install就可以下載包了,以下介紹的插件都是用這個安裝的
  2. BracketHighlighter

用途:高亮顯示匹配的括號,引號,標簽

***介紹:BracketHighlighter這個插件能在左側高亮顯示匹配的括號、引號和標簽,能匹配 的 [] ,  () ,  {} ,  "",  '' ,  等甚至是自定義的標簽,當看到密密麻麻 的代碼             分不清標簽之間包容嵌套的關系時,這款插件就能很好地幫你理清楚代碼結構,快速定位括號,引號和標簽內的范圍
***
  1. SideBarEnhancements

    用途:側邊欄增強插件

    • 這里將教大家如何用來做sublime text 3瀏覽器預覽插件,並可自定義瀏覽器預覽的快捷鍵
    • 安裝此插件,點擊工具欄的preferences > package setting > side bar > Key Building-User,鍵入以下代碼,這里設置按Ctrl+Shift+C復制文件路徑,按F1~F5分別在 firefox,chrome,IE,safari,opera瀏覽器預覽效果,當然你也可以自己定義喜歡的快捷鍵,最后注意代碼中的瀏覽器路徑要以自己 電腦里的文件路徑為准
    • 有以 diff 形式顯示未保存的修改、在文件管理器中顯示該文件、復制文件路徑、在側邊欄中定位該文件等功能,也有基礎的諸如新建文件/目錄,編輯,打開/運行,顯示,在選擇中/上級目錄/項目中查找,剪切,復制,粘貼,重命名,刪除,刷新等常見功能
    • 由於空間有限,這里只做復制文件路徑和定義火狐瀏覽器,其他瀏覽器同理
    [
        { "keys": ["ctrl+shift+c"], "command": "copy_path" },
        //firefox
        { "keys": ["f1"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\software\\Browser\\Mozilla Firefox\\firefox.exe",
                "extensions":".*" //匹配任何文件類型
            }
        },
    ]
    
    
  2. colorPicker

    用途:調色盤

    在編輯CSS樣式的時候,要加個自己喜歡顏色或改改顏色啥的,要到PS里去調色?ColorPicker可以讓sublime text 3內置一個調色盤,調好顏色,點擊OK就會在光標處生成十六進制顏色代碼。

  3. Emmet

    html/CSS快速編輯(原名Zen Coding)

    • 不用都記住,記住一些常用的就可以了
    • 不知道怎么提供可下載的圖片,所以請自行百度吧:)
  4. IME support

    這個主要是解決編輯器里面打字時提示框不跟隨光標的問題

    這個插件是支持你打字時候跟隨的候選框跟隨光標,因為即使是你設置了輸入法可以跟隨光標也不行,因為編輯器不支持,所以需要這個插件添加一個支持

  5. sublime Server

    啟動一個簡單的webServer

    • 支持你以localhost開頭的地址打開文件,而不是以file協議
    • 使用的時候只需要在菜單欄-工具欄中打開sublime server,在編輯器中右鍵就會有以sublime server打開文件,不要手動關閉這個插件,容易發生位置錯誤,當關閉掉sublime的時候,該插件也會自動關閉
  6. SASS Build

    是一個編寫CSS的預處理器

    ***這個特別的插件將幫助你妥善構建包括壓縮選項在內的SASS文件。一旦你安裝了這個插件,你可以很容易地通過按 Ctrl+ B(MAC系統是 Command +B)來啟動它


  1. markdown Editing和markdown Preview

    兩款插件都是提供給sublimeMarkdown支持

    • MarkdownEditing是一個Sublime Text的Markdown插件。提供了一種合適的Markdown着色方案(light 與 dark),包含強大的語法高亮,和實用的Markdown編輯功能
    • Markdown Preview是實現markdown文件實時預覽功能
      使用的時候Ctrl+ shift+p 輸入markdown Preview 選擇markdown
  2. DocBlockr

    快速生成注釋的代碼塊

    使用的時候輸入/**或者/*之后按tab或者回車就會生成代碼塊在不同的位置會生成不一樣的代碼塊,注釋功能十分強悍

  3. todoReview

    記錄TODO事項

    • 你可以在任意代碼注釋中輸入TODO:something
    • 打開ctrl+shift+p 輸入todoreview 選擇todoreview:project files,這時會生成一個所有標注TODO的列表
    • 這個功能就是當你有某些地方當時不能立即完成的時候,在注釋的時候標注一個TODO然后使用這個方法 可以快速鎖定文件所在位置,方便下次進行操作
  4. AutoFileName

    自動提示路徑補全的一個插件

  5. autoprefixer

    css中自動補全前綴

  6. HTML-CSS-JS prettify

    幫助我們進行HTML css js格式化的一個插件

    • 首先需要安裝一下node,然后安裝此插件,他會自動生成一個配置文檔(首選項->package setting->HTML-CSS-JS prettify)
    • 在你的系統名稱(Windows)后面加上你的node.exe文件路徑
    • 在format_on_save后面加上true,就可以在你保存的時候進行格式化,很方便,看個人喜好
    • node最好安裝在英文路徑下,要不容易發生錯誤
  7. termial

    打開命令行

    這個插件支持你的右鍵菜單可以打開一個當前文件所在目錄的命令行,可以做什么隨你任性

  8. Chinese localization

    這個是sublime的漢化插件,漢化的效果很不錯

  9. 在推薦兩個主題吧

    • material Theme 還有兩個插件material Theme-Appbar/White panel
    • Soda Dark和 Soda Light
    • Monokai extended
      設置的時候(首選項->配色方案),選擇你喜歡的主題,這個是設置編輯器界面的主題,如果要設置側邊欄的樣式,(首選項->設置用戶),加入以下代碼
    "theme": "Material-Theme.sublime-theme"  //material-theme換成你喜歡的主題的名字,中間有個點作為分隔,后面的sublime-theme是固定的后綴
    
    
  10. 下面列舉一些常用的快捷鍵

    • Ctrl+L 選擇整行(按住-繼續選擇下行)
    • Ctrl+D 選擇字符串 (按住-繼續選擇下個相同的字符串)
    • Ctrl+/ 注釋整行(如已選擇內容,同“Ctrl+Shift+/”效果)
    • Shift+Tab 去除縮進
    • Ctrl+Shift+Enter 光標前插入行
    • Ctrl+Shift+[ 折疊代碼
    • Ctrl+Shift+]展開代碼
    • Ctrl+Shift+↑/ ↓ 與上下行進行互換
    • Ctrl+Shift+D 復制光標所在整行,插入在該行之前
    • ctrl+shift+F 在文件夾內查找,與普通編輯器不同的地方是sublime允許添加多個文件夾進行查找
    • Ctrl+Shift+P 打開命令面板
    • Ctrl+Shift+/ 注釋已選擇內容
    • 此外還有Ctrl+鼠標左鍵可以設置多行游標
    • 鼠標滾輪按住一直下滑也可以選擇多行游標
    • 還有很多快捷鍵可以自行開發,可以在用戶的按鍵綁定中設置


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM