ホームページ > ウェブフロントエンド > htmlチュートリアル > Sublime text2よく使うプラグイン集_html/css_WEB-ITnose

Sublime text2よく使うプラグイン集_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:49:44
オリジナル
1310 人が閲覧しました

No.01 ? Emmet
Emmet はフロントエンド開発ツールで、その前身は Zencoding です。 HTML コードを簡単に記述できます。 Emmet の基本的な使い方は、略語を入力して Tab キーを押すことです。
Emmet の詳しい使用方法については、公式ドキュメントを参照してください。このチートシートは、略語形式を素早く覚えるのに役立ちます。

No.02 ? SublimeLinter
SublimeLinter は、エラーを見つけたり、標準以外のコードを記述したりするのに役立つコード検証プラグインです。C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、 Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby、および XML 言語。

No.03 ? SideBarEnhancements SideBarEnhancements は、保存されていない変更を diff 形式で表示したり、ファイル パスをコピーしたり、ファイルを表示したりできる非常に実用的なプラグインです。サイドバーには、新しいファイル/ディレクトリの作成、編集、開く/実行、表示、選択/上位ディレクトリ/プロジェクトでの検索、切り取り、コピー、貼り付けなどの基本的な機能もあります。名前変更、削除、更新などの一般的な機能。

SideBarEnhancements には、ファイルを開くためのプログラムをカスタマイズする機能もあります。サイドバーでファイル (フォルダー) を右クリックし、[アプリケーションを編集] を選択して、関連付けを変更できます。簡単に簡単に適用できます。

テキストとしてコピー…は、SideBarEnhancements のもう 1 つの特別な機能で、さまざまな形式のパス、URL (base64 data:uri も)、トランスコードされたファイル名、さまざまな HTML タグ (a、img、script、style) などをコピーできます。

No.04 ? Sublime?Code?Intel Sublime?Code?Intel は、JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、をサポートするコード プロンプトおよび補完プラグインです。 XML、Sass、変数や関数が定義されている場所へジャンプする機能もあり、とても便利です。

Sublime?Code?Intel を使用する前に、対応するプログラムをインストールし、パスを ~/.codeintel/config または project_root/.codeintel/config に書き込む必要があります。詳細な手順は ReadMe に記載されているため、繰り返しません。

多くの言語拡張パッケージには Sublime?Code?Intel より優れたコード プロンプト機能がありますが、Sublime?Code?Intel を他の単一言語拡張パッケージと併用することは強くお勧めしません。併用する必要がある場合は、ユーザー設定ファイル (メニュー [設定] -> [パッケージ設定] -> [Sublime?Code?Intel] -> [設定] ? [ユーザー]) に次の内容を追加し、無効にする言語を削除してください。

01 "codeintel_enabled_langages":

02 [

03 "JavaScript"、"Mason"、"XBL"、"XUL"、"RHTML"、"SCSS"、"Python"、"HTML"、

04 " Ruby」、「Python3」、「XML」、「Sass」、「XSLT」、「Django」、「HTML5」、「Perl」、「CSS」、

05 「Twig」、「Less」、「Smarty」、 "Node.js"、"Tcl"、"TemplateToolkit"、"PHP"

06 ]、

07 "codeintel_live_enabled_langages":

08 [

09 "JavaScript"、"Mason"、"XBL"、"XUL "、" RHTML"、"SCSS"、"Python"、"HTML"、

10 "Ruby"、"Python3"、"XML"、"Sass"、"XSLT"、"Django"、"HTML5"、" Perl"、"CSS"、

11 "Twig"、"Less"、"Smarty"、"Node.js"、"Tcl"、"TemplateToolkit"、"PHP"

12 ]

いいえ。 05 ?Alignment Alignment は、複数行のコード内の等号を整列させ、複数行のコードをインデント レベルに調整できるコード書式設定プラグインです。デフォルトのショートカット キーは ctrl+alt+a (Mac OS では cmd+ ctrl) です。 +a)。

No.06 ? Bracket?Highlighter Bracket?Highlighter は、[]、()、{}、""、" などをサポートする括弧、引用符、タグの強調表示プラグインです。 Sublime Text 独自の かなり明るくなりました

No.07 ? Git Git プラグインは git の共通機能を統合しており、使用する前に git をインストールして環境変数に書き込む必要があります。

No.08 ? JSFormat
JS整形プラグイン

No.09 ? SassBeautify
Sassファイル美化プラグイン

No.10 ? 関数にブロックレベルのコメントを自動的に追加します。
No.11 ? Pretty JSON

JSON 美化拡張機能
No.12 ? Sublime?Tmpl

html/js/css/php テンプレート プラグイン
No.13 ? Sublime Text 2 および 3 のステータス バーにファイル、クラス、関数名が表示されます。

参考アドレス:
https://sublime.wbond.net/search

転載文:
この記事のタイトル: Collection of Sublime text2 でよく使用されるプラグイン

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート