Sublime text3 安裝和配置

 一、下載安裝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

     做用:能夠在你輸入引用文件路徑時給出提示,最典型的就是圖片的引用

     示例:

相關文章
相關標籤/搜索