Atomテキストエディタ初期設定・操作方法・使い方のまとめ【初心者編】

Pocket
[`evernote` not found]

Atomテキストエディタをインストールしたけど何からはじめたらいいの? ホームページを作成するhtml・cssテキストエディタとしてAtomがいいよって聞いたからインストールしたのにどこから操作したらいいのか使い方がわからない……と困っていませんか?私がそうでした……ということで初心者さんがAtomテキストエディタをダウンロードしてからの流れ(インストール・初期設定・基本的な使い方)をまとめました。これだけやっておけば、とりあえずは大丈夫というものを厳選してしてあります。最初は大変かと思いますが、ブックマークなどをして毎日少しずつやってくださいネ。終わった頃には、必ずAtomテキストエディタをちゃんと使えるようになっていますから。

目次

インストール

まだAtomテキストエディタをインストールしていない人は、こちらからお願いします。同時にAtomを日本語環境で使用するための設定も説明しています。

超初心者におすすめのhtml・cssテキストエディタAtomをインストールする方法

初期の設定4選

Atomをインストールしたままでは、少し使いずらいので初期設定をしましょう。これだけやっておけば大丈夫な4つの設定を厳選しています。

Atomテキストエディタで「行の折り返し」をするには、ソフトラップと右端ガイドの設定が必要
Atomテキストエディタで行番号を表示する方法
Atomテキストエディタで TABスペース・半角スペース・改行 を見えるように設定する方法
Atomテキストエディタで全角スペース文字の編集記号を表示する設定方法

必ずインストールしておきたいおすすめパッケージ7選

Atomをより便利に使用するためには「パッケージとよばれる補助プログラム」をインストールする必要があります。そのうち初心者がAtomテキストエディタを快適に使用するためのパッケージを厳選し、「各パッケージのインストールおよび使用方法」を説明しています。一度に全てを覚えるのは大変ですので、ブックマークをしておいて、毎日少しずつやってみてくださいネ。

Atomテキストエディタで初心者が必ずインストールしておきたいおすすめパッケージ7選

基本的な操作方法・使い方の5選

Atomでホームページを作成する上で必要になる基本的な操作方法・使い方を5つまとめました。ここに書いてあることができればAtomの操作でとりあえず迷わなくなります。

Atomテキストエディタのプロジェクトフォルダってそもそも何?
Atomテキストエディタでhtml・cssファイルを「新規作成→文字コード設定→改行コード設定→ファイル種類設定→保存する」操作方法のまとめ
Atomテキストエディタでhtml・cssファイルを削除する方法
Atomテキストエディタでhtml・cssファイルを、コピー→貼り付け→名前を変更するなど、複製する3つの方法
Atomテキストエディタで上下・左右に画面分割してファイルを並べて表示する方法

まとめ

今日は、Atomテキストエディタの「インストール・初期設定」「ホームページ作成時に便利なパッケージのインストール・使い方」「Atomの基本的な操作方法」についてまとめました。何ごともそうですがやはり最初が一番大変ですよね(わたしもそうでした……)。ブックマークをするなどして毎日少しずつやってみて下さいネ。終わった頃には、必ずAtomテキストエディタをちゃんと使えるようになっていますから。

Pocket
[`evernote` not found]