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

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 サイトの他の関連記事を参照してください。
ホットAIツール
Undress AI Tool
脱衣画像を無料で
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)
ホットトピック
1793
16
1735
56
1587
29
267
587
120
836
崇高なテキストを最新バージョンに更新するにはどうすればよいですか?
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で崇高なテキストを使用するにはどうすればよいですか?
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を構成するにはどうすればよいですか?
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開発に推奨される崇高なテキストパッケージは何ですか?
Jul 05, 2025 am 01:27 AM
Sublimetextの最高のパッケージは、Web開発効率を向上させます。 1. Emmetは、略語Div.Containerを使用して完全なタグを自動的に生成し、ネストされた複製要素をサポートするなど、HTML/CSSコードを迅速に生成します。 2。サイドバレンハンスメントは、ファイル管理を強化し、新しいテンプレートを提供し、ゴミが移動したり、ブラウザの開きを右クリックしたり、その他の機能をクリックしたりします。 3。CSSCOMBは、CSS属性の順序を自動的に整理し、読みやすさとメンテナンスを改善し、カスタムソートルールをサポートします。 4。GitGutterは、コードの変更マークを表示します。これにより、新しく追加、削除、または変更されたコード行の迅速なビューが容易になります。 5。LSPと言語プラグインは、インテリジェントな完了、ジャンプ定義、エラーチェックなどのリアルタイムコードプロンプトを提供します。


