一、下載安裝css
首先到http://www.sublimetext.com/3 根據你的電腦配置下載對應的安裝包,而後不斷的點擊next,而後blablabla......就能夠安裝好了。本文是安裝portable version 可移動版本的Sublime Text3 ( window 7 和window 8.1 環境下)html
二、漢化sublime瀏覽器
安裝完sublime text3 後,發現尼瑪的都是英文,四級沒過的同窗怎麼辦,漢化啊less
2.1 查找下載漢化安裝包
spa
地址:http://dl.vmall.com/c0linuqugi 感謝這位網民的貢獻 .net
2.2 將漢化包拷到 Installed Packages 文件夾中,具體實現以下插件
2.2.1 在sublime中點擊 Preferences 》 Browse Packages 3d
2.2.2 點擊 Data 進入該件夾,而後將上面漢化包中的文件 Default.sublime-package 拷到 Installed Packages中,此刻你就能夠看到漢化成功了!
orm
三、安裝Package Controlhtm
3.1經過控制面板安裝
一、點擊 查看 》 顯示面板
2 、https://packagecontrol.io/installation 將代碼拷貝到顯示面板中,而後回車,若是成功之後會出現下面紅框的兩個選項
3.2經過手動安裝
一、下載 Package Control.sublime-package 文件,地址:https://packagecontrol.io/
2、 Package Control.sublime-package 文件拷貝到Installed Packages 文件夾中
四、安裝插件
插件的安裝的方式步驟,按照圖片的順序(或者直接是ctrl+shift+p)
4.1 emmet
做用:快速編寫HTML代碼 ,css縮寫!
示例:html:5+tab,div#box+tab
4.2 SublimeCodeIntel
做用:代碼提示插件,能夠幫你補全代碼,快速方便書寫!大大提高效率!
示例:
4.3 jQuery
做用:在你寫jQuery的時候,給你jQuery 的API的提示!
示例:
4.4 Alignment
做用:對齊的做用!當你在寫js的時候,能夠快速將變量對齊!
默認快捷鍵:
示例:
4.5 DocBlockr
做用:讓你快速寫註釋!
示例:
4.6 Jsformat
做用:js壓縮文件的還原,可是遺憾的是變量名稱是沒有被還原的!
默認的快捷鍵:ctrl+alt+f
4.7 Bracket Highlighter
做用:當你鼠標選中標籤或者是某個片斷代碼的時候,對應的開頭和閉合標籤會高亮
示例:
4.8 Less2Css插件特性
做用:能夠立馬編譯less文件(經過配置文件,能夠決定何時編譯)
安裝步驟:less2css終極解決方案 http://www.cnblogs.com/ip128/p/4506633.html
4.9 sublimeLinter
做用:提供js和css的語法檢測!檢測的標準是能夠根據用戶自定義的方式來執行!
4.10 View in Browser
做用:在瀏覽器中能夠像dreamweaver 那樣按下F12的時候在瀏覽器中瀏覽。
4.11 AutoFileName
做用:能夠在你輸入引用文件路徑時給出提示,最典型的就是圖片的引用
示例: