sublime text

時間 2019-11-12

標籤 sublime text 欄目 HTML 简体版

原文原文鏈接

前幾天把這個刪了，今天又裝上~從新開始用~

Package Control 安裝方法javascript

首先經過快捷鍵 ctrl+` 或者 View > Show Console 打開控制檯，而後粘貼相應的 Python 安裝代碼。php

Sublime Text 2 安裝代碼：css

import urllib2,os; 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( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ',' ' )).read()); print( 'Please restart Sublime Text to finish installation')html

Sublime Text 3 安裝代碼：前端

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(' ',' ')).read())java

用Package Control安裝插件的方法：

按下Ctrl+Shift+P調出命令面板
輸入install 調出 Install Package 選項並回車，而後在列表中選中要安裝的插件。

不爽的是，有的網絡環境可能會不容許訪問陌生的網絡環境從而設置一道防火牆，而Sublime Text 2貌似沒法設置代理，可能就獲取不到安裝包列表了。
好，方法介紹完了，下面是本文正題，一些有用的Sublime Text 2插件：python

插件明日獻上~~git

--------------------------------------我是分割線-------------------------------------------

sublime text 快捷鍵

Ctrl+Shift+P：打開命令面板
Ctrl+P：搜索項目中的文件
Ctrl+G：跳轉到第幾行
Ctrl+W：關閉當前打開文件
Ctrl+Shift+W：關閉全部打開文件
Ctrl+Shift+V：粘貼並格式化
Ctrl+D：選擇單詞，重複可增長選擇下一個相同的單詞
Ctrl+L：選擇行，重複可依次增長選擇下一行
Ctrl+Shift+L：選擇多行
Ctrl+Shift+Enter：在當前行前插入新行
Ctrl+X：刪除當前行
Ctrl+M：跳轉到對應括號
Ctrl+U：軟撤銷，撤銷光標位置
Ctrl+J：選擇標籤內容
Ctrl+F：查找內容
Ctrl+Shift+F：查找並替換
Ctrl+H：替換
Ctrl+R：前往 method
Ctrl+N：新建窗口
Ctrl+K+B：開關側欄
Ctrl+Shift+M：選中當前括號內容，重複可選着括號自己
Ctrl+F2：設置/刪除標記
Ctrl+/：註釋當前行
Ctrl+Shift+/：當前位置插入註釋
Ctrl+Alt+/：塊註釋，並Focus到首行，寫註釋說明用的
Ctrl+Shift+A：選擇當前標籤先後，修改標籤用的
F11：全屏
Shift+F11：全屏免打擾模式，只編輯當前文件
Alt+F3：選擇全部相同的詞
Alt+.：閉合標籤
Alt+Shift+數字：分屏顯示
Alt+數字：切換打開第N個文件
Shift+右鍵拖動：光標多不，用來更改或插入列內容
鼠標的前進後退鍵可切換Tab文件
按Ctrl，依次點擊或選取，可須要編輯的多個位置
按Ctrl+Shift+上下鍵，可替換行
——————————————————————————————————
經常使用插件：
ColorPicker 調色盤github

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

插件下載： https://github.com/weslly/ColorPicker
Emmet html/CSS快速編輯（原名Zen Coding）

Zen Coding估計你們都不會陌生，前不久更名爲Emmet了，雖然用Emmet編輯html很快，可是要用好用快它須要付出不小的學習成本，學習的曲線有點陡峭，以致於讓新手好奇而畏懼，我看看熱鬧就好了，感受編輯得再快思惟跟不上也是白搭，對我來講sublime text 3自帶的代碼提示夠用了。網上有不少教學視頻，有興趣學習的能夠去了解下。

插件下載： https://github.com/sergeche/emmet-sublime
SublimeTmpl 快速生成文件模板

一直都很奇怪爲何sublime text 3沒有新建文件模板的功能，像html頭部的DTD聲明每次都要複製粘貼。用SublimeTmpl這款插件終於能夠解脫了，SublimeTmpl能新建html、css、javascript、php、python、ruby六種類型的文件模板，全部的文件模板都在插件目錄的templates文件夾裏，能夠自定義編輯文件模板。

SublimeTmpl默認的快捷鍵
```
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python
```
若是想要新建其餘類型的文件模板的話，先自定義文件模板方在templates文件夾裏，再分別打開Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings這四個文件照着裏面的格式自定義想要新建的類型，這裏就詳細介紹了，請各位本身折騰哈~

插件下載： https://github.com/kairyou/SublimeTmpl

編輯神器：Sublime Text 2

Sublime Text 2 (如下簡稱 ST2)，無疑是我所用過的最好用的文本（代碼）編輯器，沒有之一！基於它的某些誘人特性，總讓人在不經意間就眼前一亮，因此最近身邊有好多同事都因無心一瞥，就被其吸引，繼而讓我推薦。

先來講說它的優點所在：

啓動快速，運行流暢，並且這是在擁有衆多功能和加載許多插件的前提下，單憑這一點，就達到了我心裏「神器」的標準；
UI 漂亮精美，內置多款主題，不管你喜歡深色背景，仍是鐘意淺色皮膚，它都能知足你；
支持各類流行編程語言的語法高亮，很是齊全，還可經過插件擴展；
代碼自動補全提示，注意：它只是個編輯器，不是 IDE，雖然提示的代碼有限，但十分實用（特別是寫 CSS，太爽了）；
可定製性和可擴展性，這個可就因人而異了，有人嫌麻煩，有人要個性，但毫無疑問的是，ST2 由於這一點而無比強大！

有沒有心動呢？心動不如行動，趕忙來試試吧。

下載

穩定版：Stable
開發版：Dev - Semi-frequently updated, available to anyone.
內測版：Nightly - Mostly frequently updated, available for registered users only.

推薦下載開發版（Dev）。

破解

其實未註冊的免費版跟付費版功能徹底相同，只是前者主窗口右上角有「UNREGISTERED」的水印而已，還有就是偶爾的提示註冊彈窗（很是的偶爾，很久才彈一次）。破解過程我就不贅述了，請移步至如下連接。

OS X - http://mac.pcbeta.com/thread-114355-1-1.html
Windows & Linux - http://i.wanz.im/2012/04/07/cracking_sublime-text2/

使用技巧

提示：由於本文基於 OS X 環境所寫，因此爲了更好的閱讀下文，請先確保理解 OS X 與 Windows 下的鍵盤映射關係。見表：

OS X	符號	對應	Windows
Command	⌘	=>	Ctrl
Shift	⇧	=>	Shift
Option	⌥	=>	Alt
Control	⌃	=>	Ctrl

多重選擇(Multi-Selection)

這項功能實在是太強大了！太讓人爲所欲爲了，使得許多須要用正則、高級搜索、替換才能完成的任務，變得輕鬆 easy，不由讓我感慨：「當年沒這神器，是怎麼活過來的？！」

如何激活多重選擇呢？

按住 Command or Ctrl，點擊編輯區域內任何你所指望光標出現的位置；
經過屢次 Command + D or Ctrl + D，便可將全文中與光標當前所在位置的詞相同的詞逐一加入選擇。而在有詞句選中情況下，經過 Command + Control + G or Alt + F3 便可一次性選擇全文中全部相同的詞；
Windows 下可按住鼠標中鍵後拖動來進行垂直方向的縱列選擇，OS X 下則是按住 option鍵；
選中多行文本，經過 Command + Shift + L or Ctrl + Shift + L 來將光標打散至每行行尾。

爲所欲爲跳轉(Goto Anything)

許多 IDE 都有這個功能，切換當前打開的文檔嘛。但 ST2 的 Goto Anything 已經徹底超越了，當咱們按下 Command + P or Ctrl + P 時看看都能作些什麼：

切換文檔，不僅僅是在當前打開的文檔之間哦，包括了整個 Project，並可用關鍵字過濾
關鍵字以 @ 開頭，匹配的是文檔中的函數以及其它關鍵內容（例如：HTML 中就匹配元素 id，這有些相似通常 IDE 中的「outline」的功能），它的快捷鍵是 Command + R or Ctrl + R
關鍵字以 # 開頭，其實就是個全文搜索
關鍵字以 : 開頭，後跟數字可跳轉至相應的行，它的快捷鍵是 Ctrl + G

邊欄(Side Bar)

不少編輯器（Notepad++ etc.）也有邊欄，但 ST2 有點不一樣的是：單選左側邊欄中的文件，右側自動出現文檔預覽（若選中的爲圖片等文件，則顯示其二進制編碼）。當你修改編輯它時，它纔在 ST2 中以 Tab 的形式自動打開，so sweety~

命令面板(Command Palette)

執行命令的快捷入口，咱們通常以快捷鍵來快速調用（Command + Shift + P in OS X, Ctrl + Shift + P in Windows），固然你也能夠在菜單 Tool 下找到它。

無干擾模式(Distraction Free Mode)

在菜單 View 中選擇 Enter Distraction Free Mode 就可進入無干擾模式。快捷鍵爲 Ctrl + Shift + Command + F or Shift + F11

經過修改 Preferences -> Settings - More -> Distraction Free - User 能夠對防干擾模式進行一些設置：


{
    "line_numbers": false,      // 是否顯示行號
    "gutter": false,            // 是否顯示邊列
    "draw_centered": true,      // 是否居中顯示
    "wrap_width": 80,           // 換行寬度(單位：字符)
    "word_wrap": true,          // 是否自動換行
    "scroll_past_end": true     // 滾動可否超過結尾
}

迷你地圖(Minimap)

右側默認顯示迷你地圖，這實際上是個全局預覽加模糊定位文檔位置的功能。固然若是你像增大編輯可視面積，也可經過菜單「View」選擇「Hide Minimap」將其關閉。

設置

Preferences -> Settings - Default，這個是 ST2 的默認設置，不建議修改此文件，而是經過修改 Preferences -> Settings - User 來達到個性化的定製。例如，如下就是個人 User 設定：


{
    "folder_exclude_patterns":
    [
        ".svn",
        ".git",
        ".hg",
        "CVS",
        ".idea"
    ],
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "scroll_past_end": true,
    "tab_size": 2,
    "theme": "Soda Dark.sublime-theme"
}

根據字面意思相信你都能看懂分別表明什麼意思，這裏要提一下的是如何開啓鼎鼎大名的 Vim 模式（重度 Coder 的大愛），請添加這句：


{
    "ignored_packages": []
}

快捷鍵

相似設置，你能夠進入 Preferences -> Key Bindings - Default 查看全部的快捷鍵設置，而後在 Key Bindings - User 來自定義快捷鍵。

附上經常使用的快捷鍵：（Windows 用戶請移步至這裏）

編輯
⌃⇧K	刪除整行
⌘KK (⌃K)	從光標處刪除至行尾
⌘⌫	從光標處刪除至行首
⇧⌘↩	在當前行以前插入新行
⌘↩	在當前行以後插入新行
⌃⌘↑	上移一行
⌃⌘↓	下移一行
⌘]	縮進當前行
⌘[	反縮進當前行
⌘L	選擇行 (重複按下將下一行加入選擇)
⌘D	選擇詞 (重複按下時多重選擇相同的詞)
⌃⇧M	選擇括號內的內容
⌃M	跳轉至對應的括號
⇧⌘D	複製(多)行
⌘J	合併(多)行
⌘/	註釋
⌥⌘/	塊註釋
⌘Y	恢復或重複
⇧⌘V	粘貼並自動縮進
⌘U	軟撤銷（可撤銷光標移動）
⇧⌘U	軟重作（可重作光標移動）

查找/替換
⌘F	查找
⌥⌘F	替換
⇧⌘F	在文件中查找
⌘G	查找下一個
⌃⌘G	查找並選中所有

XML/HTML
⇧⌘A	選擇標籤內的內容
⌃⇧W	嵌套標籤
⌥⌘ .	閉合當前標籤

拆分窗口
⌥⌘[1,2,3,4,5]	單列、兩列、三列、四列、柵格
⌥⇧⌘[2,3]	兩欄、三欄

其它
⌘P	爲所欲爲跳轉
⇧⌘P	打開命令面板
⌘KB	切換側邊欄（個人已修改成 ⌃S）
⌃ `	打開 python 控制檯
⌘T	前往文件

安裝插件

ST2 的插件安裝是經過所謂的 Package Control (包控制) 來實現的。若是你用過 npm 或者 spm ，那你必定不會對這種包管理的方式感到陌生。

安裝 Package Control 的方法：

打開 ST2，經過 Ctrl + ` 調出 Console (控制檯)

將如下代碼粘貼進命令行中並回車：


import urllib2,os; 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())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ',' ')).read()); print 'Please restart Sublime Text to finish installation'

重啓 ST2，若是在 Preferences 下見到 Package Control 這一項，就說明安裝成功了。

接下來咱們就能夠利用 Package Control 來安裝插件了：

打開 ST2，經過 Command + Shift + P or Ctrl + Shift + P 打開命令面板，輸入關鍵字調出 Package Control: Install Package
選擇 Package Control: Install Package，稍等片刻後就可會出現插件列表，可輸入插件名來在列表中查找選擇所需插件
等待安裝（左下角 [ = ] 顯示運行中），安裝完畢後重啓 ST2 便可

經常使用插件

這裏就簡單羅列一些，包括了網上熱評的和本身在用的。

Alignment

這插件用於對齊代碼賦值語句, 例如:


var name = "sublimt"
var version = "2.0.1"
var title = "sublime text"

以上代碼就能轉化爲：


var name    = "sublimt"
var version = "2.0.1"
var title   = "sublime text"

Clipboard History

粘貼板歷史記錄，方便使用複製/剪切的內容。
ColorPicker

支持在各個平臺下取色，沒什麼好說的。
Ctags

能夠在代碼裏直接查看函數定義，好比看一個函數的定義或者類的定義。不過惋惜沒法在 OS X 下使用。
DocBlockr

自動生成標準 JSDoc 註釋的好幫手，只需在函數聲明定義上方輸入
Emmet

你也許沒據說它，但其前身：zen coding 可謂是鼎鼎大名（在前端界）。之因此改名，是由於它給本身的定位：

the essential toolkit for web-developers

做爲資深前端插件，它不只可安裝在 ST2 上，基本上流行的 IDE (Aptana/Eclipse etc.) 與編輯器 (Notepad++/TextMate etc.)，它都提供支持。詳細的使用文檔：Emmet Documentation，Emmet for ST2
GBK Encoding Support

解決對中文編碼不支持的問題，必裝吧。由於你發現 ST2 菜單中 File -> Reopen with Encoding 壓根就沒有國標碼！
JsFormat

格式化 JS，固然也包括 JSON，快捷鍵是 Ctrl + Shift + F 很是方便。
MarkdownEditing

MarkdownEditing 從視覺和便捷性上針對 Markdown 文檔的編輯進行了一系列的優化。

附上 Markdown 語法說明 (簡體中文版)，and MarkdownEditing 的詳細中文介紹
Markdown Preview

能在瀏覽器中對當前 Markdown 文件進行預覽。甚至生成相應的 HTML 文檔。使用要用命令面板，輸入相應的關鍵字查找 Markdown Preview 命令。固然，你也能夠自定義快捷鍵。
SideBarEnhancements

增強在側欄目錄樹中右鍵的選項。如圖所示：
最後介紹一個 自動生成當天日期 的小插件，TextMate 用戶必定不會陌生，命令是 isoD + Tab，此非官方插件，因此要使用的話，必須將 timestamp.py 這個文件加入到用戶配置目錄（Packages -> User）下。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。