Sublime Textフロントエンド開発常用拡張プラグイン推奨

8065 ワード

Sublime Textフロントエンド開発常用拡張プラグイン推奨
Sublime Text
Sublime Textはプログラマーたちが公認しているコードが不思議で、きれいなユーザーインタフェースと強力な機能を持っています.
さらに重要なのは、Sublime Textが拡張しやすく、多くの開発者がプラグインに貢献し、パッケージ管理ツールであるPackage Controlを通じてインストールと管理を容易にすることです.
Package Controlのインストール方法
まず、ショートカットキーctrl+`またはView>Showコンソールでコンソールを開き、対応する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()) 

フロントエンドの一般的な拡張推奨事項
  • Emmet  —— Emmetが公式に提供したSublime Text拡張;
  • Sublime​Linter  —— コード検証プラグインは、HTML、CSS、JS、PHP、Java、C++など16言語をサポートする.
  • HTML5  —— HTML5 bundle for Sublime Text 2;
  • Alignment  —— コード整列プラグイン;
  • Bracket​Highlighter  —— かっこのハイライト
  • Git  —— Git機能を統合するプラグイン;
  • jQuery  —— コードインテリジェントプロンプトプラグイン;
  • LESS  —— LESSコードハイライトプラグイン;
  • Js​Format  —— JavaScriptコードフォーマットプラグイン;
  • Tag  —— HTML/XMLラベルのインデント、補完、検証;
  • LiveReload  —— ページを即時にリフレッシュします.
  • Pretty JSON  —— JSON美化拡張;
  • Can I Use  —— CSS属性の互換性を問い合わせる.
  • Coffee​Script  —— Coffee Scriptコードのハイライト、検証とコンパイルなど;
  • Color​Picker  —— クロスプラットフォームファインダプラグイン;
  • minifier  —— css,js圧縮
  • livestyle  —— cssスタイルシート双方向同期