ホームページ 開発ツール sublime Sublime Text 3 を使用してフロントエンド コードを作成する

Sublime Text 3 を使用してフロントエンド コードを作成する

Sep 24, 2019 am 11:27 AM

次のコラム sublime チュートリアル では、Sublime Text を使用してフロントエンド コードを記述する方法を紹介します。

Sublime Text 3 を使用してフロントエンド コードを作成する

IDEA でページを書くことは同じくらい快適ですが、フロントエンドに関しては、私はまだまったくの小学生です。そのため、学習プロセスでは比較的軽量な IDE を使用したいと考えていますが、Sublime とプラグインを組み合わせることで私のニーズを満たすことができます。

#要件

まず、軽量のフロントエンド IDE には次の機能が必要です。

#● ツリー ナビゲーション

#●クイック作成ファイル

##● コードの自動補完

##● コードのハイライト表示

##● コード プロンプト

##● コードの書式設定

##● コードの追跡

#プラグインの選択

#● SideBarEnhancements: 強化されたツールバー

#● AnvancedNewFile: ファイルをすばやく作成

#● ConvertToUTF8: UTF8 を使用ファイルを印刷する#● Emmet: フロントエンド コード (HTML/CSS) のクイック コンプリーション#● SublimeCodeIntel: コード ヒント

##● DocBlockr: 高度な JS コメント

● JSHint: JS 構文チェック

##● JsFormart: JS コードの書式設定

##● Javascript Beautify: JS コードの書式設定

##● Git: git コード追跡プラグイン

レンダリング

追記: Sublime プラグインのインストール方法については、「Sublime Text インストール プラグイン」を参照してください。

以上がSublime Text 3 を使用してフロントエンド コードを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

崇高なテキストを最新バージョンに更新するにはどうすればよいですか? 崇高なテキストを最新バージョンに更新するにはどうすればよいですか? Jun 27, 2025 am 12:43 AM

sublimetextは自動的に更新されず、手動操作が必要です。 1.最初に公式Webサイトsublimetext.comにアクセスして、最新バージョン番号を表示し、現在のインストールされているバージョンが古すぎるかどうかを確認します。 2。ヘルプ> aboutSublimeTextメニューを使用してローカルバージョンを表示して比較します。 3。更新前のバックアップ設定:設定> BrowsePackagesを入力して、パッケージフォルダーをコピーするか、PackageControl同期関数を使用します。 4.新しいバージョンをダウンロードした後、操作は異なるシステムに基づいています。Windowsはインストーラーを実行し、MacOSドラッグアンドドロップを実行してアプリケーションを置き換え、Linuxは元のディレクトリに減圧されます。 5.更新が完了したら確認してください

ビルドシステムを使用して、崇高なテキストでリナーまたはフォーマッタを実行するにはどうすればよいですか? ビルドシステムを使用して、崇高なテキストでリナーまたはフォーマッタを実行するにはどうすればよいですか? Jun 24, 2025 am 12:01 AM

sublimetextは、カスタムビルドシステムを介してリナーまたはフォーマッタを実行できます。 1. .sublime-buildファイルを作成し、npxprettierできれいに実行するなどのコマンドを構成します。 2。さまざまなツールまたは言語の複数のビルドシステムを作成します。 3。同様の方法を使用して、ESLINTおよびその他のリナーを構成して、対応するツールがインストールされ、コマンドが調整されていることを確認します。 4.自動フォーマットは、プラグインまたはスクリプトを通じて実現されるか、ショートカットキーを手動で結合して、フォーマットおよび保存操作を実行します。

vue.jsで崇高なテキストを使用するにはどうすればよいですか? vue.jsで崇高なテキストを使用するにはどうすればよいですか? Jun 26, 2025 am 12:12 AM

toenhancevue.jsdevelopmentinsublimeText、installvuesyntaxhighlightingviapackagecontrol、setupemmetforfforfasterhtmltmltinging、統合された統合、統合、統合、整理、整理範囲の整理、整理範囲の構成、および解決策と節約

崇高なテキストのフォントサイズを変更するにはどうすればよいですか? 崇高なテキストのフォントサイズを変更するにはどうすればよいですか? Jul 01, 2025 am 12:04 AM

TochangeTheTheTheEfontsizeInsublimeText、OpenUserSettingsViapReferences> SettingSandAdDormodifyifythe "font_size" Value;あるいは、KeyBoardShortCutSctrl/CMD Shift =/ - FortemporaryAdjustments; ifchangesdon'takeeffect、チェックフォーシェメモルパッカゲットンスクリクト

崇高なテキストでマルチカーサー編集機能を使用するにはどうすればよいですか? 崇高なテキストでマルチカーサー編集機能を使用するにはどうすればよいですか? Jul 04, 2025 am 01:16 AM

Sublimetextのマルチカーサー編集機能により、さまざまな方法で効率的なコード編集が可能になります。まず、ALT(Windows/Linux)またはオプション(Mac)を押し、クリックして複数のカーソルを追加します。第二に、テキストを選択した後、Ctrl Shift L(またはCMD Shift L)を押して、すべてのマッチを同時に編集します。第三に、Shift Altを使用してマウスをドラッグして列の選択を実現し、複数の行を垂直に編集します。さらに、選択したインスタンスをCtrl D(またはCMD D)を介して徐々に展開し、ESCを押してマルチカーサーモードを終了し、Ctrl U(またはCMD U)を押して最後のカーソルの追加を元に戻すことができます。これらの手法は、コード変更の効率を大幅に改善します。

崇高なテキストでビルドシステムのkeybindingsを構成するにはどうすればよいですか? 崇高なテキストでビルドシステムのkeybindingsを構成するにはどうすればよいですか? Jul 13, 2025 am 12:34 AM

toconfigurekeybindingsforbuildsystemsinsublimetext、opentheuserkeybindingsfileviapreferences> keybindings、thenedittherightpanewithcustomjsonentries.eventryisajsonobject specifyified "keys"、 "command"、andoptionally ".fo

キーボードショートカットを崇高なテキストでカスタマイズするにはどうすればよいですか? キーボードショートカットを崇高なテキストでカスタマイズするにはどうすればよいですか? Jul 02, 2025 am 12:25 AM

はい、youcancustomizekeyboardshortcutcutcutcutcutcutcutcutcut byeditingthistititingtheuserkeybindingsjsonfile.1.AccessPreferences> keybindingtoopentheconfigurationfile、alwaintitingtherightpaneforforcustomizations.2.toaddanewshortcut、その後の識別

Web開発に推奨される崇高なテキストパッケージは何ですか? Web開発に推奨される崇高なテキストパッケージは何ですか? Jul 05, 2025 am 01:27 AM

Sublimetextの最高のパッケージは、Web開発効率を向上させます。 1. Emmetは、略語Div.Containerを使用して完全なタグを自動的に生成し、ネストされた複製要素をサポートするなど、HTML/CSSコードを迅速に生成します。 2。サイドバレンハンスメントは、ファイル管理を強化し、新しいテンプレートを提供し、ゴミが移動したり、ブラウザの開きを右クリックしたり、その他の機能をクリックしたりします。 3。CSSCOMBは、CSS属性の順序を自動的に整理し、読みやすさとメンテナンスを改善し、カスタムソートルールをサポートします。 4。GitGutterは、コードの変更マークを表示します。これにより、新しく追加、削除、または変更されたコード行の迅速なビューが容易になります。 5。LSPと言語プラグインは、インテリジェントな完了、ジャンプ定義、エラーチェックなどのリアルタイムコードプロンプトを提供します。

See all articles