Sublime Text 前端开发常用扩展插件推荐

时间:2022-06-01 20:11:43

Sublime Text 前端开发常用扩展插件推荐

Sublime Text

Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能

更重要的是,Sublime Text 易于扩展,众多开发人员为其贡献插件,而且通过包管理工具 —— Package Control 可以方便安装和管理。

Package Control 安装方法

首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Python 安装代码。

Sublime Text 2 安装代码:

1
import urllib2,os; pf=’Package Control.sublime-package’; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), ‘wb’ ).write( urllib2.urlopen( ‘http://sublime.wbond.net/’ +pf.replace( ‘ ‘,’%20′ )).read()); print( ‘Please restart Sublime Text to finish installation’)

Sublime Text 3 安装代码:

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

前端常用扩展推荐

  1. Emmet —— Emmet 官方提供的 Sublime Text 扩展;
  2. Sublime​Linter —— 代码校验插件,支持 HTML、CSS、JS、PHP、Java、C++ 等16种语言;
  3. HTML5 —— HTML5 bundle for Sublime Text 2;
  4. Alignment —— 代码对齐插件;
  5. Bracket​Highlighter —— 括号高亮匹配;
  6. Git —— 整合 Git 功能的插件;
  7. jQuery —— 代码智能提示插件;
  8. LESS —— LESS 代码高亮插件;
  9. Js​Format —— JavaScript 代码格式化插件;
  10. Tag —— HTML/XML 标签缩进、补全和校验;
  11. LiveReload —— 让页面即时刷新;
  12. Pretty JSON —— JSON美化扩展;
  13. Can I Use —— 查询 CSS 属性兼容情况;
  14. Coffee​Script —— Coffee​Script 代码高亮,校验和编译等;
  15. Color​Picker —— 跨平台取色器插件;
  16. minifier —— css,js 压缩
  17. livestyle —— css样式表双向同步