haiju's 開発メモ

開発に必要な情報を自分用にメモ

Manjaro GNOME 18.0_x86-64にelm-webpack-4-starterでElmプロジェクトを作成

前の記事でNode.jsのバージョンをv10.x系からv8.x系にダウングレード

して、elm-webpack-4-starterを再インストールしてみたので備忘録として

まとめた。

でも、この記事をまとめている途中であることに気づいたw(Φω|

インストールに失敗したの、これもだけど、その前に、elm-dev-envの

インストールにも失敗してたという事実にwww

そっちについては、またあとで試す。

[手順]

1. yarnをインストール。

% sudo pacman -Ss yarn

community/yarn 1.16.0-1
Fast, reliable, and secure dependency management

% sudo pacman -S yarn

% yarn --version
1.16.0

2. githubにある手順でプロジェクトを作成して本体をgit clone。

% git clone https://github.com/romariolopezc/elm-webpack-4-starter my-elm-project

3. 2で作成したプロジェクト以下に移動。

% cd my-elm-project

4. yarnで必要なライブラリをインストール。

% yarn install

5. 4が成功したら下記コマンドでローカルサーバーを起動。

% yarn dev
yarn run v1.16.0
$ webpack-dashboard --title 'Elm Dev Server' --minimal -- npm run webpack-dev-server -- --env.mode development
Done in 1601.92s.

※サーバーが起動するとターミナルは以下のようになる。

f:id:haiju:20190627142835p:plain

f:id:haiju:20190627142849p:plain

6. Webブラウザで下記URLにアクセスし、Counterアプリが表示できればOK。

http://localhost:8080/

f:id:haiju:20190627143052p:plain

※ちなみに、yarn devはCtrl + cで停止可能。

[参考サイト]

yarnpkg.com

github.com