1. 程式人生 > >HTML5:Sublime Text 的安裝與使用

HTML5:Sublime Text 的安裝與使用

簡介

此部落格適用於 MAC OS/windows系統下的sublime Text安裝,截圖以mac系統為例;

提示:mac 下的 command 鍵類似於Windows下的ctr鍵;

安裝

2、在下載頁面點選 OS X 進行下載,如下圖所示,如果是Windows系統,則根據對應系統位數進行下載。

這裡寫圖片描述

3、雙擊下載的 dmg 檔案,進行安裝,Windows系統點選exe檔案安裝;

4、安裝之後,開啟 sublime Text,進入到主介面,在右下角可以切換語言,如下圖所示:

這裡寫圖片描述

快捷鍵的使用

開啟/前往

這裡寫圖片描述

編輯

這裡寫圖片描述

XML/HTML

這裡寫圖片描述

查詢/替換

這裡寫圖片描述

拆分視窗/標籤頁

這裡寫圖片描述

書籤

這裡寫圖片描述

標記

這裡寫圖片描述

外掛安裝

Package Control

作為安裝 Sublime Text 外掛的必備利器,Package Control 是這款編輯器的標配,可以方便開發人員快速安裝需要的外掛。

安裝方法:

在subline Text IDE中使用快捷鍵 ‘command + ~’(Windows系統使用快捷鍵‘ctr + ~’) 進入輸出面板,複製下列程式碼並張貼到可編輯區域然後回車進行安裝,需等待一段時間。

  • sublime text 3
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442'
+ '8bc59f460fa1548d1514676163dafc88'; 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 text 2
import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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')

這裡寫圖片描述

Package Control外掛管理器安裝好之後,即可通過它管理外掛了。

通過Package Control安裝外掛的方法,首先使用快捷鍵command + shift + p,輸入 Install Package 並回車,在輸入框中搜索想要安裝的外掛並點選即可安裝,安裝成功之後按ESC即可關閉介面;如果你想要刪除安裝的外掛,同樣使用快捷鍵 command + shift + p ,輸入 Remove Package 並回車,彈出的列表顯示的就是你已經安裝的外掛,單擊即可直接刪除,按ESC即可關閉介面。

ColorPicker

通過package control 安裝,使用方法:command + shift + c 即可彈出調色盤;

emmet

快捷的html、css程式碼生成器;

autofilename

自動檔案獲取;