ホームページ テクノロジー周辺機器 IT業界 ワークフローを改善するための12のお気に入りの原子のヒントとショートカット

ワークフローを改善するための12のお気に入りの原子のヒントとショートカット

Feb 18, 2025 am 10:56 AM

Atom Code Editorのヒント:効率を改善するための実用的なガイド

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

コアポイント:

  • Atomのマルチカーサーサポート、自動インデンテーション、目に見えない文字とソフトラインブレークの表示は、エンコーディングの効率と読みやすさを大幅に改善できます。
  • Atomのパッケージシステムにより、コードエディターの広範なカスタマイズと強化が可能になり、毎日使用するための推奨パッケージには、プロジェクトマネージャー、GIT Plus、ミニマップ、および顔料が含まれます。
  • キーボードショートカットは、Atomのワークフローを大幅に高速化できます。最も一般的に使用されるショートカットキーには、コピーのコピー、上下のラインの移動、一致する文字の選択と選択の解除、コメントの切り替えなどがあります。
  • Atomのインターフェイスは非常にカスタマイズ可能で、ユーザーは好みに応じてテーマ、レイアウト、パネルを調整できます。 Atomは、GitおよびGithubとの組み込み統合もあり、他の開発者とのマルチラインの編集とコラボレーションをサポートしています。

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Atomは、GitHubチームによって公開および維持されているコードエディターです。 2014年の「Sublime Text Killer」には、毎月110万人以上のアクティブユーザーがいますが、驚くことではありません。多くの開発者の間で拡張し、カスタマイズし、修正しやすいIDEがお気に入りになりました。 Atomの広範な使用にもかかわらず、私はしばしば、経験豊富な開発者が長い方法でタスクを行っているか、Atomの真の可能性を認識していないことがよくあります。この記事では、Atomワークフローを改善するためのヒントを説明します。この記事を読み終えた後、少なくともあきらめられない新しいテクニックを学ぶことができることを願っています。 注:この記事はAtomユーザー向けですが、多くのヒントやショートカットも崇高なテキストに適しています。

テクニック

最初に、いくつかの一般的な原子のヒントを紹介します。いくつかのオプションを有効にしたり、IDEの機能を使用したり、存在していなかったメニュー設定を使用できます。すべてのメニューオプションを閲覧する価値があります。存在していないことがわからないいくつかの機能を見つけることができます!

マルチカーール

Atomの最も印象的な機能の1つは、マルチカーサーサポートです。これにより、ドキュメント内の複数の場所で複数のコンテンツを一度に入力できます。 CMD(MAC)またはCTRL(Windows/Linux)を保持し、入力する各場所をクリックするだけです。複数のカーソルを取得する他の方法がありますが、キーボードショートカットを介して後で紹介します。

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

自動インデンテーション

インデンテーションの混乱は、他の場所からコードをコピーする際に迷惑な問題です。幸いなことに、Atomはこの問題を解決できます。コードを選択して、[編集]> [行]> [自動インデント]に移動します。これにより、ファイルの現在のインデントを修正のためにコードにコピーする必要があります。

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

スピードアップするために、CTRL CMD](MAC)またはCtrl}(Windows/Linux)をいつでも使用できるカスタムキーボードショートカットを作成しました。これを自分で行うには、atom&gt(Mac)に移動します

<code>'atom-text-editor':
    'ctrl-cmd-]': 'editor:auto-indent'</code>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
または次の(Windows/Linux):

<code>'atom-text-editor':
    'ctrl-}': 'editor:auto-indent'</code>
ログイン後にコピー
ログイン後にコピー

目に見えないキャラクターを表示

ドキュメントとすべての行が正しいインデントを使用していることを確認するために、編集者の目に見えない文字を有効にしました。これは、···スペースインデント、»タブ文字を意味し、ラインブレイク文字を意味します。これにより、タブとスペースを混ぜる正確な空白の行を表示するのに役立ちます。最初は画面に「忙しい」ようになりますが、すぐに慣れてしまい、今では非常に貴重です。これを行うには、Atom(Windows/Linux)&GTに移動します。

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

ソフトラインブレーク左右のスクロールが好きではないので、1つの方向しかないことを確認するために、Atomでソフトラインラップを有効にしました。これにより、画面の端を超えていないことが保証されますが、代わりにディスプレイを囲んでいます。新しいラインがある場合、前のラインと同じレベルにインドをインドし、スロットのライン番号を「このオプションを有効にするには、Atom(Mac)またはFile(Windows/Linux)&GTのチェックボックスを下げます。

文字のケース変換

時々、テキストが誤ってケースになることがあります。すべての大文字が必要になる場合があります。または、大文字の文を小文字に変換する必要がある場合があります。編集>テキストメニューには、大文字や小文字の機能など、いくつかの巧妙なテキスト処理ツールがあります。

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow bag

パッケージは、原子を選択する説得力のある理由です。何でもインストールして変更する機能が、このコードエディタを非常に優れたものにしている理由です。インストールしなければならない最高のプラグインをリストすることはありません - これを行う多くの記事がすでにあります。代わりに、遭遇したすべてのプラグインをインストールし、好きではないプラグインをアンインストールすることをお勧めします(または、あまりにも貴重なスタートアップ時間を追加します)。設定&GTに移動し、インストールされている拡張機能をクリックすると、追加されたスタートアップ時間の数ミリ秒が表示されます。ここに私が毎日頼っているいくつかのパッケージがあり、他の多くのブログ投稿にはリストされていません:

プロジェクトマネージャー git plus

    ミニマップ
  • 顔料
  • キーボードショートカット
  • キーボードショートカットが好きです。私は、私が使用する各プログラムのすべてのショートカットを学ぶことを試みずにはいられません。 (私はPhotoshopでショートカットを使用していることをしていますが、使用せずにそれを行う方法がわかりません!)もちろん、あなたはあなたが使用していないショートカットを忘れます、そしてあなたが頻繁に使用するショートカットはあなたで記憶されます心臓。以下にリストされているショートカットキーを少なくとも1時間に1回使用しています。彼らは救世主です。

    コピーライン

<code>'atom-text-editor':
    'ctrl-cmd-]': 'editor:auto-indent'</code>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

ショートカットキーにメダルがある場合、これは金メダルの1つになります。このショートカットキーをよく使用します。任意の行にカーソルを配置してコピーすることができます。

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

CSSセレクター、勾配、またはテーブルセルをコピーするのに非常に役立ちます。もちろん、複数の行を一度にコピーすることもできます。それらを強調表示するか、複数のカーソルを使用することもできます。

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

現在のラインを上下に移動します

このショートカットキーは、上記のコピーラインショートカットキーでうまく機能します。カーソルがどこにあるとしても、このショートカットは現在の列を周囲の列の上または下に移動します。
<code>'atom-text-editor':
    'ctrl-}': 'editor:auto-indent'</code>
ログイン後にコピー
ログイン後にコピー

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow 複数の行を選択すると、ラベルやブラケットに出入りするときにブロック全体(および自動的にインデント)を移動します。

次の一致する文字

を選択します

このコマンドを使用すると、強調表示された単語または文字に一致する次の単語または文字を選択できます。次に、(自動的に生成される複数のカーソルを使用して)、強調表示された値を削除、編集、または更新できます。
<code>Cmd + Shift + D (Mac)
Ctrl + Shift + D (Windows/Linux)</code>
ログイン後にコピー

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow これは、検索と交換を使用せずにいくつかの値またはプロパティのみを更新する場合に特に便利です。

次の一致する文字 次のマッチ文字を選択している場合は、遠くに行くこともあります。このショートカットキーは、最近選択された文字を逆順序で選択できなくなります。
<code>Cmd + Ctrl + 上 (或下) 箭头 (Mac)
Ctrl + 上 (或下) 箭头 (Windows/Linux)</code>
ログイン後にコピー

一致するすべての文字を選択します

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

各文字のCMD/Ctrl Dを押す代わりに、ドキュメント内のすべての

一致した文字をバッチ編集することがあります。このショートカットは、選択したキャラクターに一致するすべてのものを選択します。 (警告:多数の選択肢が原子の速度を大幅に遅くすることができます!)

<code>Cmd + D (Mac)
Ctrl + D (Windows/Linux)</code>
ログイン後にコピー

コメントを切り替えます(オンとクローズ)

場合によっては、1つ以上のコードをコメントしてもらいたい場合があります。このショートカットは、使用している言語の正しいコメントの構文を使用して、現在の行(または行)を適切にコメントします。あなたはもうあなたを覚えておく必要はありません...
<code>'atom-text-editor':
    'ctrl-cmd-]': 'editor:auto-indent'</code>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

(元のテキストの終わりの部分がないため、ここでは翻訳を続けることはできません。)

以上がワークフローを改善するための12のお気に入りの原子のヒントとショートカットの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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衣類リムーバー

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)

CNCF ARM64パイロット:インパクトと洞察 CNCF ARM64パイロット:インパクトと洞察 Apr 15, 2025 am 08:27 AM

このパイロットプログラム、CNCF(クラウドネイティブコンピューティングファンデーション)、アンペアコンピューティング、Equinix Metal、およびActuatedのコラボレーションであるCNCF GithubプロジェクトのARM64 CI/CDが合理化されます。 このイニシアチブは、セキュリティの懸念とパフォーマンスリムに対処します

AWS ECSとLambdaを備えたサーバーレス画像処理パイプライン AWS ECSとLambdaを備えたサーバーレス画像処理パイプライン Apr 18, 2025 am 08:28 AM

このチュートリアルは、AWSサービスを使用してサーバーレスイメージ処理パイプラインを構築することをガイドします。 APIゲートウェイ、Lambda関数、S3バケット、およびDynamoDBと対話するECS Fargateクラスターに展開されたnext.jsフロントエンドを作成します。 th

2025年に購読する上位21の開発者ニュースレター 2025年に購読する上位21の開発者ニュースレター Apr 24, 2025 am 08:28 AM

これらのトップ開発者ニュースレターを使用して、最新のハイテクトレンドについてお知らせください! このキュレーションされたリストは、AI愛好家からベテランのバックエンドやフロントエンド開発者まで、すべての人に何かを提供します。 お気に入りを選択し、Relを検索する時間を節約してください

See all articles