Atomテキストエディターチュートリアル

Atom Text Editor Tutorial



Atomは、無料で一般公開されているソースコードエディタです。 macOS、Linux、およびMicrosoftWindowsでサポートされています。単なるテキストエディタではありません。開発者の日を作るすべてのものがあります。その言葉に忠実に、それは ハッキング可能 それに追加される何千ものオープンソースパッケージからのサポートを備えたテキストエディタ、すべての望ましいカスタム機能と機能。自分でパッケージを作成し、それをAtomコミュニティに提供して使用することもできます。そのUIは、暗い色と明るい色の両方でプリインストールされた4つのUIと8つの構文テーマを使用してカスタマイズすることもできます。それでも見た目に美しいものが見つからない場合は、ATOMコミュニティによって作成されたテーマをいつでもインストールするか、独自に作成できます。その他の機能には、複数のペイン、スマートオートコンプリートが含まれ、基本的に、デフォルト設定は非常に優れているため、これをダウンロードしてすぐに作業を開始できます。

アトムがサポートする優れた機能の1つは、GitとGitHubです。あなたはできる







  • 新しいブランチを作成する
  • ステージングとコミット
  • 押す
  • 引く
  • マージの競合を解決する
  • プルリクエストなどをすべてエディター内から表示します


GitHubパッケージはすでにAtomにバンドルされているため、すぐに開始できます。



Atomテキストエディタの唯一の欠点は、パフォーマンスがほとんどの場合遅くなるため、著しく遅くなる可能性があり、重いファイルにはあま​​り適していません。



この記事では、Atomのインストール方法だけでなく、パッケージのインストール方法とAtomテキストエディターの動作についても説明します。





Atomエディターのステップバイステップのインストール

まず、これを使用してAtomエディターの公式Webページにアクセスする必要があります リンク 。次のページが表示されます。



[Download .deb]をクリックして、ファイルを目的の場所に保存します。私にとっては「ダウンロード」です。

ファイルが保存された後。ターミナルを開き、次のコマンドを実行してパッケージをインストールします。

インストールプロセスが開始されます。

スナップを介してAtomをインストールすることもできます。ただし、それが機能するためには、スナップがシステムにインストールされていることを確認してください。スナップ経由でインストールするには、次のコマンドを使用します

インストールが完了したら、Atomを起動します。以下が表示されます。

Atomエディターにパッケージをインストールするためのガイド

すでに説明したように、Atomエディターはユーザーの要件に合わせて調整できることで有名です。これを行うには、指定された手順に従います

メニューバーの[編集]ボタンをクリックして、設定に移動します

[設定]をクリックすると、次の画面が表示されます

次に、[インストール]に移動してクリックします。検索ボックスが表示されます。パッケージの名前を書いてください。目的のパッケージは「/home/zoe/.atom/packages」にインストールされます。

テキストを選択し、テキストをコピーして貼り付ける方法は?

コピー、フォーマット、削除、移動するには、テキストの選択が必要です。ほぼすべての編集およびフォーマット作業は、何かを選択することから始まります。テキストを選択する最も簡単な方法は、「 シフト' + ‘ '

テキストをコピーするには 、「Ctrl」+「Insert」

テキストを切り取るには、をクリックします 「Shift」+「Delete」

また、テキストを貼り付けるには、 「Shift」+「Insert」

Atomで「オートコンプリート」を使用するにはどうすればよいですか?

オートコンプリート、つまり単語補完は、ほとんどすべてのデバイスがそれをサポートしており、私たちがしばしばそれに依存しているため、誰もがよく知っている機能です。教科書の定義は、「アプリケーションはユーザーが入力している単語の残りを予測する」です。これは他のアプリケーションと同じようにAtomでも機能し、ユーザーは通常数文字を入力し、アプリケーションはキーワードを提案します。

以下のスクリーンショットに例を示します。

スニペットを作成して使用するにはどうすればよいですか?

Atomには、優れた機能である「組み込みのコードスニペット」があります。 Atomは、コーディングしている特定のスコープのスニペットのみを表示することに注意してください。たとえば、拡張子が.htmlのファイルで作業している場合、そのファイルで使用できるのはHTMLに属するスニペットのみです。

現在のスコープのすべてのスニペットを確認するには、[パッケージ]をクリックしてから[スニペット]を選択します

ドロップダウンリストからスニペットを選択することにより、Atomはスニペット全体をエディターに挿入します。以下のスクリーンショットは、「todo」を選択するための画面を示しています

新しいスニペットを作成するには

単一行のコードスニペットを作成するには、snippets.csonファイルに追加する必要があります

  • スコープ
  • 名前
  • プレフィックス
  • スニペットの本文

以下はその構文の例です。

上記のスクリーンショットでは、私たちが行っているのは、追加するスニペットを作成しているということです。

HTMLスコープへのクラス「custom-title」のタグ。

上記の例を入力した後、構成ファイルを保存します。これ以降、プレフィックスを入力してTabキーをクリックするたびに、エディターはスニペットの本文を貼り付けます。オートコンプリートの結果ボックスにスニペットの名前が表示されていることに注意してください。

複数行のコードスニペットは単一行のコードスニペットと同じですが、構文が少し異なります。使用されるデータは同じです。

ただし、ここでの違いは、スニペットの本文が3つの二重引用符で囲まれることです。

snippets.csonでは、スニペットの文字列の先頭にドット/ピリオドを追加する必要があります。一般的なWeb言語スコープは次のとおりです。

検索と置換

Atomでは、ファイルまたはプロジェクト内のテキストの検索と置換がすばやく簡単に行えます。使用されるコマンドは次のとおりです。

‘Ctrl’ + ’F’ –このコマンドは、ファイル内を検索します。

「Ctrl」+「Shift」+「F」 –このコマンドは、プロジェクト全体を検索します。

これらのコマンドのいずれかを使用すると、画面の下部にパネルがある次のUIが表示されます。

現在のバッファ内を検索するには、

  • ‘を押します Ctrl ’+’ F ’
  • 検索文字列を入力してEnterキーを押します
  • 「F3」を押して、そのファイルを検索し続けます。
  • 「Alt」+「Enter」 検索文字列のすべての出現を検索します

[置換]テキストボックスに文字列を入力すると、テキストが文字列テキストに置き換えられます。

複数のペインを操作する方法は?

エディタペインは、水平方向の配置または垂直方向の配置に分割できます。その行動のために、

  • Ctrl + K +↑を使用する
  • Ctrl + K +↓を使用します
  • Ctrl + K +←を使用
  • Ctrl + K +→を使用します

方向キーは、ペインを分割する方向を示します。ペインを分割すると、上記のコマンドを使用してペイン間を移動でき、それぞれのペインにフォーカスされます。

画面を上記の方向に分割するための以下の例。

Pythonの構文の強調表示

これを機能させるには、まず「Langauge-python」パッケージが有効になっていることを確認してください。その後、Pythonファイルを開きます。たとえば、ここでは「demo.PY」を使用しています。

構文が強調表示されているため、テキストの読みやすさが向上していることに気付くでしょう。特に、多数のページにまたがる可能性のあるコードの場合。以下に例を示します。

アトムでの移動

Atom内を移動するのは非常に簡単ですが、キーバインディングのショートカットに関しては、時間を大幅に節約するためのヘルプが常に必要になります。がここにあります リンク アトム内の最も一般的な動きと他のいくつかの驚くべきショートカット。

GitとGitHubとAtom

Gitの操作では、これ以上何もインストールする必要はありません。 Atomには、デフォルトでgitの統合が含まれています。 Atomは2つのタブで構成され、タブ1はGit用、タブ2はGitHub用です。

‘をクリックしてアクセスする方法の1つ 意見' と選択 Gitタブの切り替え/ GitHubタブの切り替え 上部のメニューバーのメニュー。別の選択肢はホットキーです。

  • タブに移動: ‘ Ctrl ’+‘ Shift ’+‘ 9 ’
  • GitHubタブ: ‘ Ctrl ’+‘ Shift ’+‘ 8 ’

新しいリポジトリを作成するには、[リポジトリの作成]ボタンをクリックし、リポジトリの名前を入力してから、[初期化]ボタンをクリックします。

これが、gitリポジトリを初期化するプロセスでした。

これで、次のようなUIに気付くでしょう。

NS ステージング ステージングされていない 画面の横に変更が表示されます。また、変更を加えることもできます。 専念 いつでも。

これが、Atomエディターが開発者を支援し、価値のあるユーザーエクスペリエンスになる方法です。この記事では、プログラミングコミュニティに啓示をもたらしたすべての機能を備えたAtomエディターがいかに優れているかについての洞察を提供しました。この記事を読んでいただきありがとうございます。