skillup

技術ブログ

プログラミング全般

エディタatomについて

投稿日:

今までのエディタですが、

  • gvim
  • eclipse

をメインに使ってました(PHPでは)。

エディタとか一旦なれるとなかなか変えにくいのでずっと上記のままでいこうと思ったんですが、今の現場でatomを使い始め、かなり使いやすいです。

基本的にテキストエディタってIDEに比べると機能が落ちることが多かったのですが、atomはIDEと比べてもそん色なく、IDEほど重くないといういいとこどりです。

テキストエディタ自体拡張性に乏しいことが多かったんですが、atomは拡張するにもプラグインをいろいろ入れることで解決できますので、問題ありません。

以下自分が使いやすいとおもった特徴。

  • プロジェクトエクスプローラーあり
  • 標準的な言語でのプロパティや関数値の補完
  • 複数タブと画面分割がしやすい
  • 矩形選択、オートインデント、シンタックスハイライトなど一般的な機能は備わっています。

入れたほうがいいプラグイン

Packagesで検索していれればすぐに入ります。

  • atom-beauty コード整形。alt+ctrl+Bで整形しますが、保存時に自動で有効にできたりもするようです。
  • editorconfig 文字コード、改行コード、インデント幅、タブとスペースなどの設定です。エディタが違ってもこれで統一できるようです。
  • atom-sublime-select alt+選択で矩形選択
  • emmet zencodingの発展系。html+cssを書くのが非常に楽になります。
  • highlight-selected 単語にフォーカスをあてると同一画面上の単語をフォーカスしてくれます。
  • linter シンタックスチェックをしてくれるツールです。※言語ごとのシンタックスツールもいるようです。
  • sass-autocompile,less-autocompile lessやsassの自動コンパイラ。これがないとlessやsassは仕事にならないと思います。
  • show-ideographic-space 全角スペース可視化
  • git-time-machine gitのdiffをすぐに確認できるツール
  • symbols-tree-view 変数と関数を右のウィンドウに表示(eclipseの横に出るやつ)
  • pigments html色をエディタ上ですぐに確認できる

したほうがいい設定

setting→editorで

  • show invisibles タブ可視化
  • show indentguide インデントの縦線可視化

参考リンク

Atomのsass-autocompileでSassのコンパイルをしてみよう

Atom で LESS 自動コンパイル

Atomのsass-autocompileで保存場所を指定する

-プログラミング全般
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

正規表現に関して

SQLネタをいろいろと書いておりますが、ちょっとワンポイント的なネタで正規表現について書きたいと思います。 平均的なものは知っているつもりでしたが、シェルの正規表現について知らなかったのでちょっとメモ …

no image

テーブル設計に関するメリデメ

昨日も書いたん記事なんですが、基本的に実装にしても設計にしてもこれが最強っていう手法はなくて(あったとしたら全員がそれを使うのでそもそも選択肢という概念がなくなる・・)メリットデメリットをしっかりと考 …

no image

ファジープロジェクト対策 その1

5月ぐらいから着手していたプロジェクト(顧客管理ソフト)が終焉を迎え、検証段階に入ったので、記して置きたいことなど。 数ヶ月程度ですが、自分が携わったプロジェクトの中では過去最大クラスのものでした。 …

no image

コレクションの頻出処理に関して

PHPでコレクションを使っていますが、慣れると本当に便利ですね・・・まあforeachとかでグリグリやってもいいのですが、無駄にコードが長くなります。 自分がコレクションでよく使う再頻出のメソッドなど …

no image

例外・エラーに関する考察

えー今現在、設計の仕事をしていますが、今までいい加減だったエラーの処理を見直すいいきっかけになってます。 半年前にも同じような記事書いてますねー。苦手意識は変わらないようです・・(汗) 例外処理に関し …

アーカイブ