Sublime Text3配置使用教程整理

時間 2021-02-17

標籤 php css html 前端 python git 程序員 github chrome segmentfault 欄目 HTML 简体版

原文原文鏈接

Win平臺上已經打造了便攜版的Sublime Text3,可是，如今折騰Ubuntu不能同步過來使用了，寒假在家休息，整理一下安裝過程好了：php

安裝sublime

在sublime text官網選擇合適的版本安裝。css

ubunbu安裝完成以後，能夠在/usr/share/applications文件夾中找到sublime text快件方式，啓動固定在啓動欄便可。（或者能夠試試命令sub啓動）。html

安裝版本打造移動版本

此次安裝，先不要着急打開Sublime Text。爲了之後安裝方便，決定再也不使用系統默認的Packages安裝路徑
文件夾%appdata% 或C:UsersAdministratorAppDataRoamingData請先在地址欄輸入 %appdata% 而後刪除該目錄下的Sublime Text 3文件夾。前端

在Sublime Text3的安裝目錄下新建文件夾/Data，該文件夾建立完成後再打開Sublime Text程序，咱們發現，Packages被安裝在了當前建立的文件夾下（個人路徑是D:\Program Files\Sublime Text 2\Data）。稍後把其餘必備插件裝全了，咱們備份一下Sublime Text 2文件夾，這樣之後走到哪均可以無須一步步從新安裝，快速部署咱們的Sublime Text環境。

Data 文件夾(注意大小寫)python

https://segmentfault.com/a/11...git

安裝插件

安裝插件管理神器`package control`

Ctrl + ~打開控制檯，複製下面代碼粘貼到控制檯，回車，等待安裝完成。
要是安裝的sublime text2，能夠去package control查找代碼。程序員

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())

安裝其餘插件

接着使用快捷鍵Ctrl+Shift+P，輸入pci，通常第一項就是package control : install package。接着，就安裝而且配置一些經常使用擴展吧：github

emmet

前端必備神器。Emmet 文檔前端開發必備！Emmet使用手冊chrome

sidebarenhancement

側邊欄加強工具，sublime text 3擴展插件SideBarEnhancements用法教程--使用瀏覽器快捷預覽網頁segmentfault

JavaScript Completions

js語法自動補齊

AdvancedNewFile

快速新建文件,自定義文件格式。設置一下快捷鍵：ctrl+n就會啓動擴展，直接輸入文件名+格式，爽歪歪！

[
    { "keys": ["ctrl+n"],
            "command": "advanced_new_file_new"
        }
]

Color Highlighter

前端編輯顏色時，這個插件會顯示相應顏色代碼的實際顏色。

AutoFileName

自動補全文件(目錄)名

BracketHighlighter

高亮顯示配對括號以及當前光標所在區域。sublime text3下BracketHighlighter的配置方法

Docblokr

代碼註釋，直接或者選中須要註釋的代碼，快捷鍵 ctrl+/。這個插件能夠很好的生成js ,php 等語言函數註釋,只須要在函數上面輸入/** ,而後按tab 就會自動生成註釋，加強js註釋。

SublimeLinter

這是用來在寫代碼時作代碼檢查的。寫Python程序的話，它還會幫你查代碼是否符合PEP8的要求。有問題有代碼會出現白框，點擊時底下的狀態欄會提示出什麼問題。SublimeLinter 是一個代碼校驗插件，它能夠幫你找出錯誤或編寫不規範的代碼，支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 語言。在使用 SublimeLinter 以前，你要安裝相應的程序，詳見README。若是要校驗 JavaScript 或 CSS，你還要安裝 Node.js。SublimeLinter 默認以 background 模式運行，在用戶輸入的同時即時校驗，若是你想要 Sublime Text 運行得更流暢，能夠改成 load-save 模式或 save-only 模式，在讀取和保存是校驗或只在保存時校驗。打開 SublimeLinter 的配置文件：菜單 Preferences -> Package Settings -> SublimeLinter -> Settings - User，加入 "sublimelinter": "load-save" 或 "sublimelinter": "save-only"

Anaconda

Anaconda把PyFlakes, pep8 和 McCabe以插件的方式集成起來。安裝Anaconda後，經過配置便可完成一個良好的Python開發環境。
sublime 編輯py文件出現框框怎麼去掉
能夠在能夠在 Sublime > Preferences > Package Settings > Anaconda > Settings User 中設置關閉：
{"anaconda_linting": false}

Autocompletion
自動完成，該選項默認開啓，同時提供多種配置選項。
Code linting
使用支持 pep8 標準的 PyLint 或者 PyFlakes。由於我我的使用的是另外的 linting 工具，因此我會在 Anaconda 的配置文件 Anaconda.sublime-settings中將 linting 徹底禁用。**操做以下: Sublime > Preferences > Package Settings > Anaconda > Settings – User： {"anaconda_linting": false}**
McCabe code complexity checker
讓你能夠在特定的文件中使用 McCabe complexity checker. 若是你對軟件複雜度檢查工具不太熟悉的話，請務必先瀏覽上邊的連接。
Goto Definitions
可以在你的整個工程中查找而且顯示任意一個變量，函數，或者類的定義。
Find Usage
可以快速的查找某個變量，函數或者類在某個特定文件中的什麼地方被使用了。
Show Documentation
可以顯示一個函數或者類的說明性字符串(固然，是在定義了字符串的狀況下)

ConvertToUTF8

GBK編碼兼容，雖然在ST3中能輸入中文並正常顯示，可是打開含有中文字符的文件時，ST3會顯示亂碼。解決中文亂碼問題，須要安裝ConvertToUTF8插件。OS X或Linux還須要插件Codecs33。

Terminal

這是用來在當前文件所在位置打開終端的。參考

status bar time

顯示時間

themr

主題包的管理，安裝後切換主題不須要一項項配置。使用快捷鍵ctrl+f5切換theme，而後在Preferences中設置喜歡的color scheme。不然切換編輯區主題後，側邊欄/標籤欄的風格並不會改變，須要麻煩的在設置中設置。

SublimeCodeIntel

支持全部 Komode Editor 支持的代碼語言，如：JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP等。

Alignment

進行智能對齊。可是默認快捷鍵是ctrl+alt+a，和國內某著名IM的截圖快捷鍵衝突了，我把它改爲alt+shift+f。

AutoPEP8

格式化Python代碼。安裝完添加以下配置可自動在保存文件的時候格式化:

{
    "format_on_save": true,
}

IMESupport

中文輸入法不能跟隨光標嗎？試試「IMESupport 」這個插件吧！目前只支持 Windows

markdownediting和markdownPerview

裝完以後，寫做Markdown時（右下角顯示語法爲Markdown），能夠按ctrl+b，直接就會生成HTML，並在瀏覽器中顯示。

KeymapManager

增長檢測快捷鍵衝突的功能，參考KeymapManager增長檢測快捷鍵衝突的功能

Boxy Theme

安裝了以後，能夠獲取若干主題，搭配A File Icon擴展，文件也會有圖標

配置（Settings）

sublime Text並無一個專門的配置界面，與之相反，Sublime Text使用JSON配置文件，能夠到這裏參考在Preferences->Settings-User如今個人設置以下：

{
    "bold_folder_labels": true,
    "caret_style": "phase",
    "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
    "draw_white_space": "all",
    "ensure_newline_at_eof_on_save": true,
    "font_face": "microsoft yahei",
    "font_size": 12,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "ignored_packages":
    [
        "Vintage"
    ],
    "open_files_in_new_window": false,
    "rulers":
    [
        80,
        100
    ],
    "save_on_focus_lost": true,
    "show_encoding": true,
    "show_full_path": true,
    "spell_check": false,
    "tab_size": 4,
    "theme": "Material-Theme-Darker.sublime-theme",
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true,
    "word_wrap": false
}

設置快捷鍵

preferences->key bindings-user

[

    //chrome
    { "keys": ["f1"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*"
            }
     },
    { "keys": ["ctrl+n"],
            "command": "advanced_new_file_new"
        }
]

經常使用快捷鍵

Alt + shift + 1 默認1屏
Alt + shift + 2 左右2屏
Alt + shift + 8 上下兩屏

Ctrl + /註釋單行
Ctrl + shift + /註釋多行

Ctrl + k + u轉換爲大寫
Ctrl + k + l轉換爲小寫

Ctrl + Enter向下插入一行
Ctrl + shift + Enter向上插入一行
ctrl+shift+D複製一行到下一行

Ctrl + shift + [ 段落摺疊
Ctrl + shift + ]段落打開

Ctrl + D 向下多選
Crtl + k + B 開啓/關閉側邊欄
Ctrl + R 搜索函數

Ctrl+L選擇行，重複可依次增長選擇下一行
Ctrl+Shift+L選擇多行

Ctrl+G跳轉到第幾行
Ctrl+X刪除當前行

Ctrl+F查找內容
Ctrl+Shift+F查找並替換
Ctrl+H替換

F11全屏
Shift+F11全屏免打擾模式，只編輯當前文件

Alt+數字切換打開第N個文件
Ctrl + p

1.輸入文件名，跳轉
2.輸入:行號，跳轉至指定行號，如：55
3.#，取當前文件全部標識

FAQ

sublime命令窗口沒法顯示中文

默認的編譯器能夠直接按Ctrl+B編譯運行Python，並在控制檯輸出結果.美中不足的是沒法輸出中文，須要本身手動配置一番。
在Sublime Text 3 中依次點擊菜單Tools->build system->New build system，粘貼下方的代碼並保存爲Python.sublime-build。重啓Sublime便可。

{  
    "cmd": ["python","-u","$file"],  
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",  
    "selector": "source.python",  
    "encoding": "cp936"  
}