ホームページ > ウェブフロントエンド > htmlチュートリアル > よく使用される 20 個の Sublime プラグイン_html/css_WEB-ITnose

よく使用される 20 個の Sublime プラグイン_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:29:28
オリジナル
2174 人が閲覧しました

開発者として、SublimeText について聞いたことがないはずがありません。しかし、聞いたことがなくても問題ありません。理解できるようお手伝いしましょう。 SublimeText は、コードの作成、メモの作成、記事の作成に適した非常に洗練されたテキスト エディターです。ユーザーインターフェイスはすっきりしており、機能は優れており、パフォーマンスは驚くほど高速です。これらの優れた機能には、何でも移動、複数選択、コマンド パレット、気を散らさないモード、分割編集、プロジェクトの即時切り替えなどが含まれており、さらに多くの機能を自由にカスタマイズすることもできます。また、このエディタは Mac、Windows、Linux プラットフォームをサポートしています。しかし、これらはこの記事の内容ではありません。

SublimeText 自体はすでに非常に強力ですが、さらに優れているのは、それをサポートし、さらに強力な機能を提供するプラグインの長いリストがあることです。これについてこの記事で説明します。早速、20 個の強力な SublimeText プラグインを見てみましょう。すでに使用している場合は、どれが最適だと思うか教えてください。いつものように、あなたの意見は重要です。

20. FTPSync [5]

デフォルトでは、SublimeText には FTP 機能がありません。SublimeText アプリケーションで使用できる無料で使いやすい FTP ツールをお探しの場合は、次のことを検討してください。 FTP同期 。これは、アップロード ターゲットの複数の名前を制御できる非常にシンプルな FTP 同期ツールです。ご意見をお聞かせください。

19. SASS Build [6]

SASS Build は CSS を書くためのプリプロセッサです。この特定のプラグインは、圧縮オプションを含む SASS ファイルを適切に構築するのに役立ちます。このプラグインをインストールしたら、Ctrl+B (MAC の場合は Command+B) を押すことで簡単に起動できます。

18. パッケージ コントロール [7]

平たく言えば、これは SublimeText のインストール完了後にインストールする必要があるものです。なぜ聞くの?この特別な「プラグイン パッケージ」のおかげで、簡単にインストール、アップグレード、削除でき、さらに SublimeText にインストールしたパッケージやプラグインのリストを非常に便利に表示できます。これらのプロセスはメニューと対応するアクションによって非常に簡単に整理されます。

17. Emmet [8]

要約すると、Emmet (訳者注: 以前は有名な Zen コーディングでした。聞いたことも使ったこともないのは悲しいことです) は、HTML を作成できるツールです。プラグインを使用すると、CSS をより高速かつ効率的に実行でき、時間を大幅に節約できます。使い方?コード全体を記述するのではなく、合意された略語を記述するだけで、「展開」キーを押すだけで、これらの略語が対応するコードの内容に自動的に展開されます。 たとえば、((h4>a[rel=external])+p>img[width=500 height=320])*12 と入力するだけで、展開されて 12 個のリスト項目に変換され、その後に画像が続きます。 。その後、それに基づいてコンテンツを入力するだけなので、とても簡単です。

16. SublimeLinter [9]

このプラグインは最近、SublimeText3 用に再構築されリリースされました。新しいバージョンでは、明らかに、すべてのリンターを 1 つのパッケージに単純に入れるのではなく、アップグレード時に頻繁に使用するリンターを選択してインストールできるようにしています。明らかに、これによりディスク容量が節約されます。 「さらにカスタマイズ」、とても使いやすくなりました。

15. SublimeEnhancements [10]

このプラグインは、現在のプロジェクト フォルダーでの新しいファイルの作成、ファイルまたはフォルダーの移動、ファイルまたはフォルダーの生成などの拡張機能を SublimeText のサイドバー メニューにもたらすことができます。新しいウィンドウまたはブラウザで開く、更新など。これは単なる概要です。インストールして、その機能をさらに試してください。

14. PackageResourceViewer [11]

この特別なプラグインを使用すると、SublimeText に付属するさまざまなパッケージを表示および編集するのに非常に便利になります。任意のパッケージを抽出することもできます。この操作により、ファイルがユーザー フォルダーにコピーされるので、安全に編集できるようになります。

13. Git [12]

名前は親しみやすいようには見えませんが、開発者であれば一目見ればそれが何をするのか確実に理解できます。このプラグインは Git を SublimeText に統合し、ファイルの追加、送信、ログの表示、ファイル注釈、その他の Git 機能を含む Git コマンドを SublimeText で実行できるようにします。

12. ターミナル [13]

このプラグインを使用すると、ターミナルを使用して Sublime でプロジェクト フォルダーを直接開くことができ、ショートカット キーの使用がサポートされます。

11. CSSComb [14]

CSS プロパティを並べ替えるために使用される書式設定プラグインです。コードをきれいに保ち、特定の順序で配置したい場合 (OCD 気味ですか?)、このプラグインは効果的なソリューションです。特に、独自のコーディング スタイルを持つ他の開発者と協力する場合はそうです。

10. CanIUse [16]

コードに組み込んだ CSS 要素と HTML 要素をブラウザがサポートしているかどうかを確認したい場合、これが必要なプラグインです。問題の要素を選択するだけで、残りはプラグインが自動的に実行します。

9. 配置 [17]

このプラグインを使用すると、PHP、CSS、JavaScript などのコードを配置できます。コードがより簡潔で読みやすくなり、編集が容易になります。下の画像を見て、私が何を言いたいのかを確認してください。

8. Trimmer [18]

コードを書くと、エラーやその他の理由で不要なスペースが生成されることがあります。余分なスペースがエラーを引き起こす可能性があることに注意してください。このプラグインはこれらの不要なスペースを自動的に削除します。

7. ColorPicker [19]

頻繁に色の値を表示または設定したい場合、このプラグインはネイティブ パレット アプリケーションを簡単に呼び出すことができます。 (翻訳者の拡張:) これは双方向の機能で、パレットで色を選択し、[OK] ボタンを押して SublimeText のアクティブなドキュメントの現在位置に値を入力するか、次のように入力することができます。アクティブなドキュメントで色の値を選択し、このプラグインのショートカット キーを押して、表示されたパレットで値に対応する色を見つけます。

6. MarkDown 編集 [20]

SublimeText は Markdown ファイルを表示および編集できるだけでなく、それらを正しくフォーマットされていないプレーン テキストとして扱います。このプラグインは、適切な色の強調表示やその他の機能を使用して、これらのタスクをより適切に実行します。

5. FileDiffs [21]

このプラグインを使用すると、SublimeText 内の 2 つの異なるファイル間の違いを確認できます。比較できるオブジェクトは、クリップボードからコピーしたデータ、プロジェクト内のファイル、現在開いているファイルなどです。

4. DocBlockr [22]

DocBlockr を使用すると、コードを簡単に文書化できます。関数、変数、パラメータを解析し、それらに基づいてドキュメント パターンを自動的に生成します。あなたの仕事は、対応する説明を記入することです。

3. カスタマイズされたテーマ

さまざまなテーマがあると創造性やアイデアが刺激されるため、これらのプラグインを使用してさまざまなテーマを実装し、より良い刺激的な見通しをもたらすことができます。 2. スニペット

スニペットは聞いたことがあるはずです。コードをすばやく書くのに役立ちます。ただし、上記のプラグインのような略語を使用する代わりに、コード ブロックを再利用して時間を節約します。独自のスニペットを作成することもできます。それは完全にあなた次第です。

1. その他の構文サポート

SublimeText 自体の言語パッケージに含まれていない言語がある場合、適切な構文ハイライトを表示することができません。これらの言語には、LESS、Sass、SCSS、Styls、Jade (またはその他) が含まれます。これらの言語を使用している場合は、文法プラグインをインストールすることをお勧めします。

この記事内のすべての翻訳は、学習とコミュニケーションのみを目的としており、転載する場合は、翻訳者、出典、およびこの記事へのリンクを必ず明記してください

私たちの翻訳作業は、次の場合に CC 契約 [25] に準拠しています。私たちの仕事はあなたの権利を侵害しています、時間内にご連絡ください

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