Sublime Text 3的常用插件的安裝和介紹


Sublime Text 3的插件安裝流程

1、安裝Sublime Text 3

2、Package Control組件在線安裝:

     按Ctrl+`或者點擊View 下的show console調出console框,復制一下代碼,按回車鍵

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())

3、重啟Sublime Text 3

4、如果在Perferences下的package settings中看到package control,則安裝成功。

5、利用Package Control安裝插件

       按下Ctrl+Shift+P調出命令面板,輸入install 調出 Install Package 選項並回車,然后在列表中選中要安裝的插件

Sublime Text 3的幾款常用的插件

1、ChineseLocalizations   漢化插件  ------  可進行語言切換

2、Emmet(原名 Zen Coding)  -------   可快速編寫代碼

例如:輸入“!”或“html:5”,然后按Tab鍵,就會將html5基本標簽顯示出來,其他還有很多快捷方式,想了解的可以去查閱一下Emmet

3、BracketHighlighter   --------   類似於代碼匹配,可以匹配括號,引號等符號內的范圍

4、cssrem  ------- 自動將CSS的px值轉rem值

 在wepapp開發時,使用rem進行移動端適配的時候,非常好用,省下很多計算的時間。

 5、Alignment  ------- 自動對齊代碼,包括PHP、CSS、JavaScript語言。使得代碼看起來更整齊美觀,更具可讀性

  默認快捷鍵為ctrl + alt + a,如果跟某IM截圖的快捷鍵沖突,可在Preferences->Package Settings->Alignment->Key Bindings - User中自定義快捷鍵,寫法參照Key Bindings - Default

6、Css Format  -----  css格式化

   很快捷的將css的格式進行切換,Expand(標准格式化),Compact(css一行行顯示),Compressed(css壓縮成一行)

7、DocBlockr  ------  觀察函數需要的變量名和類型,並創建文檔塊,只要在函數的上面輸入/**,按Tab就可以了

8、SublimeCodeIntel   ------- 一個全功能的 Sublime Text 代碼自動完成引擎

支持的語言挺多的(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.)

9、AutoFileName  -------   自動補全文件路徑

10、Autoprefixer   -------  應用css的瀏覽器兼容書寫,自動分析你的css文件,解析出新的css文件

11、JavaScript Completions   -------  js最基本的api快查片段

12、minify   -------  壓縮和美化html,css,js文件

因為minify利用的是nodejs進行的,所以使用minify需要安裝nodejs,同時需要全局安裝如下:

npm install -g clean-css-cli uglifycss js-beautify html-minifier uglify-js minjson svgo

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM