目次
20. FTPSync [5]
19. SASS Build [6]
18. パッケージ コントロール [7]
17. Emmet [8]
16. SublimeLinter [9]
15. SublimeEnhancements [10]
14. PackageResourceViewer [11]
13. Git [12]
12. ターミナル [13]
11. CSSComb [14]
10. CanIUse [16]
9. 配置 [17]
8. Trimmer [18]
7. ColorPicker [19]
6. MarkDown 編集 [20]
5. FileDiffs [21]
4. DocBlockr [22]
3. カスタマイズされたテーマ
スニペットは聞いたことがあるはずです。コードをすばやく書くのに役立ちます。ただし、上記のプラグインのような略語を使用する代わりに、コード ブロックを再利用して時間を節約します。独自のスニペットを作成することもできます。それは完全にあなた次第です。
SublimeText 自体の言語パッケージに含まれていない言語がある場合、適切な構文ハイライトを表示することができません。これらの言語には、LESS、Sass、SCSS、Styls、Jade (またはその他) が含まれます。これらの言語を使用している場合は、文法プラグインをインストールすることをお勧めします。
この記事内のすべての翻訳は、学習とコミュニケーションのみを目的としており、転載する場合は、翻訳者、出典、およびこの記事へのリンクを必ず明記してください
ホームページ ウェブフロントエンド htmlチュートリアル よく使用される 20 個の Sublime プラグイン_html/css_WEB-ITnose

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

Jun 24, 2016 am 11:29 AM

開発者として、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] に準拠しています。私たちの仕事はあなたの権利を侵害しています、時間内にご連絡ください

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

See all articles