elmの開発環境を整備する
はじめに
elm関連のツールに関してまとまっていないことが多いので備忘録兼ねて紹介します
この記事の対象になりそうなのは以下の人たちです
- elm使い始めの人
- elmをもっと効率よく書きたい人
- 細かい環境設定方法がなくてもドキュメントを読んで設定できる人
インストールするツール
-
elm
- elmのランタイム
-
atom
- エディタです。vscodeではなくatomです。
-
universal ctag
- 関数一覧を表示するのに使用します
-
Node.js
- npmで色々便利なモジュールをインストールするのに使います
インストールするnpmモジュール
- elm-format
- コードのスタイルを公式スタイルにしてくれます
npm install -g elm-format
- elm-test
- elmのユニットテストを実行できるようにしてくれます
npm install -g elm-test
- create-elm-app
- elmのプロジェクトを作ってくれます
npm install -g create-elm-app
インストールするatom拡張
- elmjutsu
- 最強のelm拡張です。これがあるとないとでは大違いです
- language-elm
- atomの拡張機能からインストールすると古いコード用になってしまうので以下コマンドでインストールします
apm install ymtszw/language-elm
- elm-format
- npmのelm-formatを実行できるようにしてくれます
- symbols-tree-view
- ctagで検出した関数一覧を表示できるようにします
その他
-
kbsymanz/ctags-elm
- elm用のctagを生成するための定義ファイルです
- elmのランタイム
- エディタです。vscodeではなくatomです。
- 関数一覧を表示するのに使用します
- npmで色々便利なモジュールをインストールするのに使います
- elm-format
- コードのスタイルを公式スタイルにしてくれます
npm install -g elm-format
- elm-test
- elmのユニットテストを実行できるようにしてくれます
npm install -g elm-test
- create-elm-app
- elmのプロジェクトを作ってくれます
npm install -g create-elm-app
インストールするatom拡張
- elmjutsu
- 最強のelm拡張です。これがあるとないとでは大違いです
- language-elm
- atomの拡張機能からインストールすると古いコード用になってしまうので以下コマンドでインストールします
apm install ymtszw/language-elm
- elm-format
- npmのelm-formatを実行できるようにしてくれます
- symbols-tree-view
- ctagで検出した関数一覧を表示できるようにします
その他
-
kbsymanz/ctags-elm
- elm用のctagを生成するための定義ファイルです
- 最強のelm拡張です。これがあるとないとでは大違いです
- atomの拡張機能からインストールすると古いコード用になってしまうので以下コマンドでインストールします
apm install ymtszw/language-elm
- npmのelm-formatを実行できるようにしてくれます
- ctagで検出した関数一覧を表示できるようにします
-
kbsymanz/ctags-elm
- elm用のctagを生成するための定義ファイルです
Author And Source
この問題について(elmの開発環境を整備する), 我々は、より多くの情報をここで見つけました https://qiita.com/seeside/items/47abfa41f2686ce6d565著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .