sublime text3 好用的插件!!!

1.首先,你要保證sublime有Package Control,因此,若是沒有,那麼將Ctrl+`打開sublime控制檯,將下列代碼複製進去!css

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

此時,你能夠看到,在你的首選項中有Package Control這個選項。html

2.插件安裝方法:jquery

按shift+ctrl+p打開或者在你的首選項中打開package control選項,,而後輸入package control:install packageshell

在這裏有你想用的一切可安裝的sublime插件。json

------------------------------------------我是分割線^_^我是分割線---------------------------------------------------------------windows

那麼,我來講一下,我經常使用的一些插件!!瀏覽器

 

 

打開package control  sass

1.漢化包插件---->chinese服務器

回車或是鼠標雙擊開始安裝,等待安裝好以後,漢化包就行了。網絡

2.代碼提示------->jQuery

通常狀況的jquery代碼提示都會有的。

3.html?提示---->Emmet

新建文件時,建立h5頁面代碼格式,只用!+tab就可生成;

建立標籤tab便可;

>    可生成後代;

4.較爲好看的主題---->boxy theme

5.能夠與其配合的側邊欄圖標--->A File icon

6.側邊欄插件----->SideBarEnhancements

7.css?提示插件--->SublimeCodeIntel

(這個都說要配置,我沒有配置,但用的也挺好的。。。這個插件仍是去找大神的博客吧。。。)。

8.開啓sublime服務器------->SublimeSever

因爲sublime本身沒有服務器,在瀏覽器中打開文件時爲:file:///     ,這種是沒法打開,數據異步加載的東東,

因此這時候就須要開啓本地服務器來成功打開文件在頁面中顯示了。

安裝成功後,在工具當中有個Sublime  Server-->star SublimeServer;

打開以後就開啓了服務器,此時,html文件不要在瀏覽器中顯示,而是,右鍵打開默認菜單中有View in SublimeServer,這樣就能夠在本地服務器中打開了。

 

--------------------------------------------我是分割線---------------------------------------------------

這就是我經常使用的一些簡單的以爲比較好用的Sublime插件了。

Sublime是我以爲比較成熟,也比較好用的一款編輯器了(就是由於插件多,哈哈哈哈哈)

在網絡上,仍有不少不少好用的插件,好比:

css的顏色插件Color Highlighter,JS的代碼JavaScript Completions等等等等。。。

----------------------------------------分割線---------------------------------------------------------

學習的路上,要不斷的前行,不斷的分享,不斷的學習!!!

前段,在路上!

 -----------------------------------------------2017/09/05修改----------------------------------------

代碼格式化整理------->HTML-CSS-JS Prettify

安裝完成後,按住shift + ctrl +  h,便可格式化html,css,json,js代碼

文件路徑提示插件------>autofilename

安裝便可

------------------2017/11/27修改----------------------------

sass的編譯----------->sass

     ------------>sass Build

Ctrl+B      這樣作,能夠直接在當前文件夾內生成對應css文件,而且默認壓縮爲一行。

若是想跳出scss文件夾,對應生成css文件夾的話須要進行相應的配置

  1.工具-->編譯系統-->新建編譯系統

  2.{  
         "cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css"],  
          "selector": "source.sass, source.scss",  
          "line_regex": "Line ([0-9]+):",  
      
          "osx": {  
       "path": "/usr/local/bin:$PATH"  
       },  
     "windows": {  
                  "shell": "true"  
            }  
         } 

  輸入完成以後,須要將文件命名爲本身想要的名字(此處我本身命名爲MySass.sublime)而且放在  Sublime  的   Packages  文件夾下

  3,而後      工具-->編譯系統-->MySass.sublime

  設置以後,對scss文件再次Ctrl+B,scss文件會再上一層文件夾下對應生成css文件夾和對應的css文件。css樣式爲    nested。

相關文章
相關標籤/搜索