1. alt

    誤字訂正

    alt
Changes in body
Source | HTML | Preview
@@ -1,106 +1,106 @@
<img width="1440" alt="スクリーンショット 2017-09-13 13.44.17.png" src="https://qiita-image-store.s3.amazonaws.com/0/177207/bbdabee8-abe0-ae61-64c8-ae5dbc6ed4de.png">
あの「GitHub Inc」さんから「Facebook」と共同で開発した「Atom IDE」なるものが発表されました
このパッケージを入れることで「Atom」をIDEにすることができます。
## 現在対応している言語
- TypeScript & JavaScript
- Flow
- C#
- Java(Java 8 runtime required)
- PHP(PHP 7 runtime required)
## 推奨ではありません。必須です
公式の「[Atom IDEブログ](http://blog.atom.io/2017/09/12/announcing-atom-ide.html)」をみてみると
>We strongly recommended you use Atom Beta 1.21 as it includes
>the necessary file monitoring and process control to ensure the underlying
>language servers are running properly.
なんて書いてあるので
今の最新版(1.20)でもいけるんじゃね?と思ってやってみたら
<img width="697" alt="スクリーンショット 2017-09-13 13.28.15.png" src="https://qiita-image-store.s3.amazonaws.com/0/177207/7a38e339-3a21-286d-4afa-f61192712635.png">
インストールすら許されなかったので
強く推奨じゃなく**必須**です。
もう一度言います**必須**です。
**!!!!!required!!!!!**
## 下処理
**(Macで行なっております)**
Atomが既に入っていたりすると何かと面倒なこともあるので
```
$ rm -rf ~/.atom
```
これでパッケージやらなんやらまとめてサクッと消しちゃいましょう
あとはAppCleanerなどで消してください。
これでクリーンな状態で始められますね!キリッ!
## 改めて入れてみましょう
[Atom Beta](https://atom.io/beta)
こちらからbeta版をインストールしてください
<img width="1154" alt="スクリーンショット 2017-09-13 14.13.10.png" src="https://qiita-image-store.s3.amazonaws.com/0/177207/491a4534-e032-fce8-393b-848cbc893cb4.png">
このように1.21.xxになって入れば問題ありません。
### 🎁必須パッケージをインストールします。
**Preferences** > **install**
といって「**atom-ide-ui**」を入力しインストールしてください
<img width="782" alt="スクリーンショット 2017-09-13 14.17.50.png" src="https://qiita-image-store.s3.amazonaws.com/0/177207/08b97632-4d78-b77f-49c8-834f4082e798.png">
### 🎁入れたい言語のIDEサポートパッケージを入れる
| 言語名 | パッケージ名 |
|:-:|:-:|
| Flow | ide-flowtype |
| C# | ide-csharp |
| Java | ide-java |
| PHP | ide-php |
| TypeScript & JavaScript | ide-typescript |
今回はjavascriptのtypescriptを入れてみたいと思います。
## 🌟使ってみる
- auto-completion
- outline view
- go to
- find all
- hover-to-reveal
- formatting
があるらしいので
やってみましょう。
![auto.gif](https://qiita-image-store.s3.amazonaws.com/0/177207/fe187e29-9363-50d8-1e56-7adbaef3b476.gif)
自動補完されている…?
クリーンな状態なはずなので…。
まだ使い始めなので色々調べて追記したいと思います。
-IDEって言うくらいなんだからデバッとかビルド出来るんだよな…??
+IDEって言うくらいなんだからデバッとかビルド出来るんだよな…??
と思ってます。
詳しくはこちらへ
https://nuclide.io/blog/2017/09/12/Introducing-Atom-IDE-UI/