Sublime Textフロントエンド開発常用拡張プラグイン推奨
8065 ワード
Sublime Textフロントエンド開発常用拡張プラグイン推奨
Sublime Text
Sublime Textはプログラマーたちが公認しているコードが不思議で、きれいなユーザーインタフェースと強力な機能を持っています.
さらに重要なのは、Sublime Textが拡張しやすく、多くの開発者がプラグインに貢献し、パッケージ管理ツールであるPackage Controlを通じてインストールと管理を容易にすることです.
Package Controlのインストール方法
まず、ショートカットキーctrl+`またはView>Showコンソールでコンソールを開き、対応するPythonインストールコードを貼り付けます.
Sublime Text 2インストールコード:
Sublime Text 3インストールコード:
フロントエンドの一般的な拡張推奨事項 Emmet —— Emmetが公式に提供したSublime Text拡張; SublimeLinter —— コード検証プラグインは、HTML、CSS、JS、PHP、Java、C++など16言語をサポートする. HTML5 —— HTML5 bundle for Sublime Text 2; Alignment —— コード整列プラグイン; BracketHighlighter —— かっこのハイライト Git —— Git機能を統合するプラグイン; jQuery —— コードインテリジェントプロンプトプラグイン; LESS —— LESSコードハイライトプラグイン; JsFormat —— JavaScriptコードフォーマットプラグイン; Tag —— HTML/XMLラベルのインデント、補完、検証; LiveReload —— ページを即時にリフレッシュします. Pretty JSON —— JSON美化拡張; Can I Use —— CSS属性の互換性を問い合わせる. CoffeeScript —— Coffee Scriptコードのハイライト、検証とコンパイルなど; ColorPicker —— クロスプラットフォームファインダプラグイン; minifier —— css,js圧縮 livestyle —— cssスタイルシート双方向同期
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())
フロントエンドの一般的な拡張推奨事項