windows系統下sublime text3開發工具前端配置

1.打開https://www.sublimetext.com/3下載最新版Sublime Text 3安裝。

2.打開packagecontrol安裝方法按提示安裝packagecontrol，或者直接打開view->Show Console在彈出的命令行中粘貼下面的代碼片斷，而後按回車等待packagecontrol安裝完成：
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)

3.安裝插件方法：ctrl+shift+p調出面板，而後輸入install Package 選中按enter鍵，在彈出的插件列表中選中要安裝的插件安裝，安裝後重啓編輯器便可應用。

4.經常使用的插件列表，如無特別說明則按照3的方法安裝：

1. 快捷編碼插件Emmet：附 使用方法
2. 編碼設置utf-8插件： ConvertToUTF8，安裝插件後自動轉換爲utf-8格式
3. 側邊欄擴展插件：
   同步側邊欄背景色和編輯器一致：SyncedSidebarBg
   側邊欄右鍵擴展操做： SideBarEnhancements
4. 代碼對齊插件：Alignment，附配置方法
5. 代碼語法檢查插件：SublimeLinter，安裝此插件後再依次安裝html,js,css的語法檢查子插件，安裝方法以下，前置安裝node.js以後配合npm安裝：

   1）html語法檢查插件：SublimeLinter-contrib-htmlhint，選擇最新安裝包zip下載後解壓到package文件夾中並重命名爲SublimeLinter-contrib-htmlhint，打開nodejs的cmd命令窗口，輸入npm install -g htmlhint@latest，安裝完成html檢查插件。

   2）js語法檢查插件：SublimeLinter-jshint，packageControl搜索安裝此插件後，打開nodejs的cmd命令窗口，輸入npm install -g jshint完成安裝。

   3）css語法檢查插件：SublimeLinter-csslint，packageControl搜索安裝此插件後，打開nodejs的cmd命令窗口，輸入npm install -g csslint完成安裝。

   SublimeLinter的配置參數及使用方法，經常使用提示主題風格參考gutter-themes

6. 安裝代碼格式化插件HTML-CSS-JS Prettify，直接packageControl安裝,右鍵選擇對應操做進行代碼的格式化，選擇性安裝如下兩個格式化插件
   1）JS格式化：JsFormat
   2）css格式化：CSS Format
7. 自動補全CSS瀏覽器前綴插件:Autoprefixer
8. 編輯器漢化插件：ChineseLocalizations
9. 編輯器中文輸入法文字列表跟隨光標插件：IMESupport，實測搜狗輸入法正常但QQ輸入法依舊不跟隨
10. 語法標籤高亮提示：BracketHighlighter，以下圖

1. 安裝less語法支持：LESS
2. Javascript, PHP, CoffeeScript等快捷註釋插件：DocBlockr，使用方法爲輸入/**或/*按enter鍵
3. 編輯器半透明插件：SublimeTextTrans，下載後解壓到編輯器packages文件夾便可

   小結：本文記錄了sublime使用過程當中經常使用的配置及插件的安裝使用方法，後續會繼續補充