Sublime Text3のショートカットキーの実践まとめ-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

Sublime Text3のショートカットキーの実践まとめ

PHP中文网

Mar 20, 2017 pm 02:47 PM

ショートカットキー

今日は、私のお気に入りのエディターの 1 つを共有したいと思います——Sublime Text3一般的なショートカット

誰もが毎日コードを扱い、多くの時間を費やしていると思います一番長いのはエディターで、私は特に Sublime Text3 を使うのが好きです、なぜならそれはとても美しくてセクシーに見えるからです (まあ、私もそう思います)。使いやすく、非常にシンプルで便利なエディターです。まあ、それを褒め続けるつもりはありませんが、それはみんなの習慣次第ですよね？本題に戻りましょう。このエディタをより快適に使用できるように、よく使用されるショートカットキーをいくつか紹介しましょう。

1. 選択ショートカットキー:

Ctrl+D

の場合。操作を続けると、次の同じテキストが表示されます。

のテキストが選択されました。

Alt+F3

テキストを選択してショートカットキーを押すと、同じテキストをすべて一度に選択して同時に編集できます。たとえば、同じ変数名、関数名などをすべてすばやく選択して変更します。

Ctrl+L

行全体を選択し、続けて次の行を選択します。

Shift+↓ と同じ効果があります。

Ctrl+Shift+L

まず複数の行を選択し、次にショートカットキーを押すと、各行の末尾にカーソルが挿入され、これらの行を同時に編集できます。

Ctrl+Shift+M

括弧内のコンテンツを選択します (親括弧の選択を続けます)。たとえば、関数内のコードを削除するか、関数本体のコードを書き換えるか、括弧内の内容を書き換えるかを素早く選択します。

Ctrl+M

カーソルを括弧内の終了位置または開始位置に移動します。

Ctrl+Enter

次の行に新しい行を挿入します。たとえば、カーソルが行末にない場合でも、すぐに下方向に行を挿入できます。

Ctrl+Shift+Enter

前の行に新しい行を挿入します。たとえば、カーソルが行の先頭にない場合でも、すぐに上に行を挿入できます。

Ctrl+Shift+[

コードを選択し、ショートカットキーを押してコードを折りたたみます。

Ctrl+Shift+]

コードを選択し、ショートカットキーを押してコードを展開します。

Ctrl+K+0

折りたたまれたコードをすべて展開します。

Ctrl+←

カーソルを左に統一して素早く移動します。

Ctrl+→

カーソルを右に統一して素早く移動します。

shift+↑

上方向に複数の行を選択します。

shift+↓

下方向に複数の行を選択します。

Shift+←

左側のテキストを選択します。

Shift+→

右側のテキストを選択します。

Ctrl+Shift+←

左側のテキストを一括選択します。

Ctrl+Shift+→

右側のテキストを一括選択します。

Ctrl+Shift+↑

カーソルがある行をコードの前の行と入れ替えます (カーソルがある行を前の行の前に挿入します)。

Ctrl+Shift+↓

カーソルがある行とコードの次の行を入れ替えます（カーソルがある行を次の行の後に挿入します）。

Ctrl+Alt+↑

複数行カーソルを上に追加して、複数行を同時に編集します。

Ctrl+Alt+↓

複数行カーソルを下に追加し、複数行を同時に編集します。

2. ショートカットキーの編集:

Ctrl+J

選択した複数行のコードを 1 行に結合します。例: 複数行形式の CSS プロパティを 1 行にマージします。

Ctrl+Shift+D カーソルがある行全体をコピーし、次の行に挿入します。

タブ右にインデントします。

Shift+Tab 左にインデントします。

Ctrl+K+K カーソルから行末までのコードを削除します。

Ctrl+Shift+K 行全体を削除します。

Ctrl+/ 単一行にコメントします。

Ctrl+Shift+/ 複数行をコメントにします。

Ctrl+K+U 大文字に変換します。

Ctrl+K+L 小文字に変換します。

Ctrl+Z 元に戻す。

Ctrl+Y 元に戻す。

Ctrl+U ソフトアンドゥ、Gtrl+Zと同じように感じます。

Ctrl+F2ブックマークを設定

Ctrl+T左右の文字を入れ替えます。

F6単語検出スペル

3. 検索ショートカットキー:

Ctrl+F 下部の検索ボックスを開いてキーワードを検索します。

Ctrl+shift+F 通常のエディターとの違いは、sublimeでは複数のフォルダーを追加して検索できることです。少し高度でまだ研究されていません。

Ctrl+P 検索ボックスを開きます。例: 1. ファイルをすばやく検索するには、現在のプロジェクトにファイル名を入力します。 2. ファイル内の関数名を検索するには、: と数字を入力します。 4. # とキーワードを入力して変数名を検索します。

Ctrl+G: で自動的に検索ボックスを開き、番号を入力してコード行にジャンプします。たとえば、長いページコードを持つファイルをすばやく見つけます。

Ctrl+R 検索ボックスを開き、自動的に @ を追加し、キーワードを入力して、ファイル内の関数名を見つけます。たとえば、多くの機能が含まれるページで機能をすばやく検索します。

Ctrl+: 検索ボックスを開き、自動的に # を追加し、キーワードを入力して、ファイル内の変数名、属性名などを検索します。

Ctrl+Shift+P コマンドボックスを開きます。シナリオの例: 名前付けボックスを開き、キーワードを入力し、パッケージを使用してプラグインをインストールするなど、サブライムテキストまたはプラグインの機能を呼び出します。

Esc カーソルの複数行選択を終了、検索ボックス、コマンドボックスなどを終了します。

4. ショートカットキーの表示:

Ctrl+Tab ファイルを閲覧した順序で現在のウィンドウのタブを切り替えます。

Ctrl+PageDown 現在のウィンドウのタブを左に切り替えます。

Ctrl+PageUp 現在のウィンドウのタブを右に切り替えます。

Alt+Shift+1ウィンドウ分割画面、デフォルトの1画面(キーパッド番号以外)に戻す

Alt+Shift+2左右分割画面 - 2列

Alt+Shift+3左右分割画面-3列

Alt+Shift+4 左右分割画面-4列

Alt+Shift+5 4画面を均等分割

Alt+Shift+8 縦分割画面-2画面

Alt+Shift+9 縦分割画面-3画面

Ctrl+K+B サイドバーのオン/オフを切り替えます。

F11全画面モード

Shift+F11おやすみモード

最後に、練習すればするほど完璧になることを願っています。至らない点がございましたら、アドバイスをお願いいたします、よろしくお願いいたします。

開発者が最もよく使用するSublime Text 3プラグイン7選

JavaScript開発者に必要な10のSublime Textプラグインのサンプルコードを詳しく紹介

カスタマイズされた Sublime Text 3 プラグイン

声明

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

自己閉鎖タグとは何ですか？例を挙げてください。Apr 27, 2025 am 12:04 AM

セルフクロージングのlandxmlareTagstatemtatemsem onedinedingsingaseparateclosingtag、SimmarifiedMarkupStructureanddendingCodingInefciency.1）areEssentionalinforementswithoutcontent、2）

HTMLを超えて：Web開発のための重要なテクノロジーApr 26, 2025 am 12:04 AM

強力な機能と優れたユーザーエクスペリエンスを備えたWebサイトを構築するには、HTMLだけでは十分ではありません。次のテクノロジーも必要です。JavaScriptは、Webページに動的とインタラクティブ性を与え、リアルタイムの変更がDOMを操作することで達成されます。 CSSは、美学とユーザーエクスペリエンスを向上させるために、Webページのスタイルとレイアウトを担当しています。 React、Vue.JS、Angularなどの最新のフレームワークとライブラリは、開発効率とコード組織構造を改善します。

HTMLのブール属性とは何ですか？いくつかの例を挙げてください。Apr 25, 2025 am 12:01 AM

ブール属性は、値なしでアクティブ化されるHTMLの特別な属性です。 1.ブール属性は、無効化された入力ボックスを無効にするなど、存在するかどうかによって、要素の動作を制御します。 2.彼らの実用的な原則は、ブラウザが異なっているときに属性の存在に応じて要素の動作を変更することです。 3.基本的な使用法は、属性を直接追加することであり、高度な使用法はJavaScriptを介して動的に制御できます。 4.一般的な間違いは、値を設定する必要があると誤って考えており、正しい執筆方法は簡潔にする必要があります。 5.ベストプラクティスは、コードを簡潔に保ち、ブールのプロパティを合理的に使用して、Webページのパフォーマンスとユーザーエクスペリエンスを最適化することです。

HTMLコードをどのように検証できますか？Apr 24, 2025 am 12:04 AM

HTMLコードは、オンラインバリデーター、統合ツール、自動化されたプロセスを使用するとクリーンになります。 1）w3cmarkupvalidationserviceを使用して、HTMLコードをオンラインで確認します。 2）リアルタイム検証のためにVisualStudiocodeにhtmlhint拡張機能をインストールして構成します。 3）HTMLTIDYを使用して、建設プロセスでHTMLファイルを自動的に検証およびクリーニングします。

HTML対CSSおよびJavaScript：Webテクノロジーの比較Apr 23, 2025 am 12:05 AM

HTML、CSS、およびJavaScriptは、最新のWebページを構築するためのコアテクノロジーです。1。HTMLはWebページ構造を定義します。2。CSSはWebページの外観に責任があります。

マークアップ言語としてのHTML：その機能と目的Apr 22, 2025 am 12:02 AM

HTMLの機能は、Webページの構造とコンテンツを定義することであり、その目的は、情報を表示するための標準化された方法を提供することです。 1）HTMLは、タイトルやパラグラフなどのタグや属性を使用して、Webページのさまざまな部分を整理しています。 2）コンテンツとパフォーマンスの分離をサポートし、メンテナンス効率を向上させます。 3）HTMLは拡張可能であり、カスタムタグがSEOを強化できるようにします。

HTML、CSS、およびJavaScriptの未来：Web開発動向Apr 19, 2025 am 12:02 AM

HTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。

HTML：構造、CSS：スタイル、JavaScript：動作Apr 18, 2025 am 12:09 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

See all articles