190318 Elm
Elmという言語があるらしい。
WEBページを作るための言語らしい。。。
関数型言語らしい。
とりあえず、以下の本を買って読んでみましたが、正直、ちんぷんかんぷんです。
公式サイト
Windows10にelm 0.19.0をインストール
https://github.com/elm/compiler/releases/download/0.19.0/installer-for-windows.exe
がダウンロードされるので、exeファイルをダブルクリックしてインストール
これで、Windows10に、elm 0.19.0がインストールされた。
VisualStudioCodeでelmを利用できるように設定
https://qiita.com/ossan_pg/items/5c3ce00b74036139507e
上記の通りにやるのがよいと思いました。。。
npm install -g elm npm install -g elm-format
VisualStudioCodeをインストールは以下のリンクから
https://azure.microsoft.com/ja-jp/products/visual-studio-code/
参考
https://github.com/Krzysztof-Cieslak/vscode-elm
VS Code の Elm サポートプラグインをインストールする
Extension(拡張機能)から、elm をインストールします。その後、VisualStudioCodeを再起動します。
VS Code に Elm 関連のコマンドを設定する
https://qiita.com/ossan_pg/items/5c3ce00b74036139507e#vs-code-%E3%81%AB-elm-%E9%96%A2%E9%80%A3%E3%81%AE%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B
を参考にやります。
Windows 10 Pro VisualStudioCode node 10.15.1 npm 6.4.1 elm 0.19.0 elm-format@0.8.1
Hello Worldしてみる
C:/elm_from_vscode/ フォルダを作成し、そのフォルダをVisualStudioCodeで開く。
Ctrl+@ でコマンドプロンプトを開く。
以下を入力。
elm init
Enterボタンを押すと、elm.jsonファイルと、src/フォルダが作成される。
src/ フォルダに、Main.elm ファイルを作成
Alt + Shift + F を入力 したが、pathが通っていないとのことでうまくいかなかった。。。
https://stackoverflow.com/questions/43738317/how-do-i-set-the-elm-format-path-within-vscode
→これは難しそう。
npm bin -g で、npmがインストールされている場所を確認すると、
C:\Program Files\nodejs
とのこと。。。
一度、Windowsのプログラムと機能から、elm 0.19.0をアンインストールして、
npm install -g elm
でインストールしなおした。
なんかうまくいかないと思ったら、自分が、nodejsを、バージョン管理システムnvmでインストールしていたことに気付いた。（忘れていました、、とほほ、、、）
ということで、以下のように、User Settingsを変更
VisualStudioCodeを再起動
Alt + Shift + F を入力
BETAって書いてあるけど大丈夫かな？
結局うまくいかず。。。挫折。。。
https://github.com/avh4/elm-format#visual-studio-code-installation
いろいろやったがうまくいかず、
Ctrl+Shift+P
elm reactor start
とりあえず実行はできたみたいだが、環境構築、かなり難しかったです。
elm-formatはうまくできていません。どこかでできるようにしたい。。。
elm学習の道のりは遠い。。。