目次
- 初めてATOMを使う前に
- ATOM立上げ画面からファイル作成
- パッケージのインストール方法
1.初めてATOMを使う前に
まずはテキストエディターATOMを立ち上げてみます。
まだATOMをインストールしていない方は以下のリンクでインストールしてください。
ATOMを使用し、簡単なwebサイトの作成を行ってみましょう。
まず、ATOMを起動前にデスクトップ上に新たなフォルダー「DEN」を作成してください。(フォルダー名はなんでもよいです)
![](https://denblog.info/wp-content/uploads/2020/10/3174a9684c6e9a6e8ac990a9bf9b992f.jpg)
2.ATOM立上げ画面からファイル作成
![](https://denblog.info/wp-content/uploads/2020/10/firstOPEN01-1024x542.png)
ATOMの起動後にフォルダー設定を行います。まずメニューのフォルダーを開くから先ほど作成したフォルダー名「DEN」を開きます。
![](https://denblog.info/wp-content/uploads/2020/10/folderOpen01-1024x540.png)
すると左側のツリービューが現れます。そのフォルダー名のところを右クリックし、「新規ファイル」を指定します。
![](https://denblog.info/wp-content/uploads/2020/10/fileOpen04-1024x539.png)
ファイル名の入力画面が開きますので、ファイル拡張子を付け忘れないようにファイル名を「index.html」と付けてください。入力後はEnterキーで決定します。
![](https://denblog.info/wp-content/uploads/2020/10/fileOpen02.png)
ツリービューに新たにindex.htmlのファイルが作成されます。
![](https://denblog.info/wp-content/uploads/2020/10/fileOpen04-1.png)
あまり難しく考えずに適切なフォルダー管理が必要です。
同じカテゴリによってフォルダーを分けておいた方がいいです。
3.パッケージのインストール方法
ATOMのパッケージインストール方法について説明します。
メニュー「ファイル」→「設定」を選択してください。
![](https://denblog.info/wp-content/uploads/2020/10/setting01.png)
![](https://denblog.info/wp-content/uploads/2020/10/pacage01-1024x590.png)