サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


z_blog:2019:190319_elm2


文書の過去の版を表示しています。


190319 Windows10でElm環境構築(2回目)

開発環境

Windows 10 Pro(1803)
VisualStudioCode 1.32.3
nvm 1.1.7
node 10.15.1
npm 6.4.1

今回構築した環境

elm 0.19.0
elm-format 0.8.1
VisualStudioCodeのExtensionsでelmをインストール

参考サイト

Windows10にVisualStudioCodeでElm開発環境構築手順

VisualStudioCodeとnode.jsはインストール済みとします。

  1. elmのインストール
  2. elm-formatのインストール
  3. VisualStudioCodeのExtensionsでelmをインストール
  4. VisualStudioCodeのUser Settingsで設定

C:/elm_from_vscode/ フォルダを作成し、フォルダ内で右クリックして、VisualStudioCodeで開きます。

Ctrl+@を押して、コマンドプロンプト画面を出して、以下を入力します。

npm i -g elm
npm i -g elm-format

VisualStudioCodeのExtensionsでelmをインストールしてから、VisualStudioCodeを再起動。

File > References > Settings

{} をクリック

以下を追加。

"[elm]": {
    "editor.formatOnSave": true
},

これで、Windows10でVisualStudioCodeでelmを使用するための環境構築が終わりました。

node.jsを、nvmなどのバージョン管理システムを用いてインストールしていると、うまくいかないことがあるという話もどこかで見ましたが、よくわかりません。
うまくいかなければ、node.jsを、https://nodejs.org/ja/ から直接ダウンロードしてインストールした方がよいかもしれません。

Hello Worldしてみる

VisualStudioCodeで、C:/elm_from_vscode/ を開き、Ctrl+@で、コマンドプロンプトを開いて、以下を入力。

elm init

Knowing all that, would you like me to create an elm.json file now? [Y/n]:

と聞かれるので、そのままEnterを押す。

リンク


z_blog/2019/190319_elm2.1553009665.txt.gz · 最終更新: 2019/03/19 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki