Sublime Text 是一款很是輕量級並且功能十分強大的編輯器,支持大量插件,深受前端開發者的喜好。多的不說,咱們直接進入正題。css
一、下載前端
①、官網下載地址:http://www.sublimetext.com/編輯器
②、百度雲盤:http://pan.baidu.com/s/1dFy2mFf 密碼:g7mfui
二、安裝編碼
1、雙擊打開安裝文件,而後點擊 next
url
2、選擇安裝文件的位置,這個軟件很小,能夠默認放在 C 盤。繼續點擊 Nextspa
3、下一步,會提示Add to explorer context menu,勾選上這樣在右鍵單擊文件時就能夠直接使用Sublime Text打開。繼續 Next.net
4、點擊 install ,而後等待軟件安裝完成後。點擊 finish 就能夠了。插件
三、安裝Package Control3d
前面咱們說過,Sublime Text 之因此功能強大,是由於它支持大量的插件,那麼如何找到並安裝管理這些插件呢?這裏咱們以 Sublime Text3爲例:
1、打開 Sublime Text3,按 Ctrl+` 打開Sbulime Text 的控制檯(這裏的 ` 的鍵盤位置在 Esc 的下面一個,也就是 Tab 鍵的上面)
2、將以下代碼複製到上面紅色框中。而後 enter,等待 package control 安裝完成
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://sublime.wbond.net/' + 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)
3、安裝完成以後, Ctrl+shift+p 打開命令面板。輸入 pcic,應該出現以下的界面,而後回車就能夠了。
四、經常使用的插件
ConvertToUTF8:解決文件編碼轉換的問題 Emmet:快速編寫 HTML、css、js 的神級插件 BracketHighlighter:括號高亮顯示 ColorPicke:顏色選擇器 HTMLBeautify:HTML格式化插件 AllAutoComplete:自動提示 IMESupport:輸入法支持插件 Material Theme:很是推薦的主題
五、經常使用快捷鍵
一、line行操做快捷鍵 ctrl+] 增長縮進 ctrl+[ 減少縮進 ctrl+shift+D 複製當前行 ctrl+shift+K 刪除當前行 ctrl+shift+↑ 當前行與上行交換位置(也能夠選中多行上下移動位置) ctrl+shift+↓ 當前行與下行交換位置 二、comment註釋功能 ctrl+/ 註釋當前行 ctrl+shift+/ 選中多行(塊)進行註釋 三、text文本操做 ctrl+shift+enter在當前行前插入一行 ctrl+enter在當前行後插入一行 ctrl+Delete 刪除光標後的一個單詞(以單詞爲單位向後刪除) ctrl+Backspace 刪除光標前的一個單詞(以單詞爲單位向前) (普通的delete和Backspace對字母操做) ctrl+shift+K 刪除當前行 ctrl+K,ctrl+K 刪除至end ctrl+T 逐個單詞向前移位