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

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

ユーザ用ツール

サイト用ツール


z_blog:2019:190415_win10_install2


差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
z_blog:2019:190415_win10_install2 [2019/04/14] – [その後の手順(1)] adash333z_blog:2019:190415_win10_install2 [2019/04/14] (現在) – [elm0.19のインストール] adash333
行 14: 行 14:
   -VisualStudioCodeのインストール   -VisualStudioCodeのインストール
   -http://www.curict.com/software/Windows10/Windows10_git.htmlのお勧めの設定の通りにGit for Windowsをインストール(Git-2.21.0-64-bit.exe)   -http://www.curict.com/software/Windows10/Windows10_git.htmlのお勧めの設定の通りにGit for Windowsをインストール(Git-2.21.0-64-bit.exe)
-  -nvm-windowsのインストール(Node.jsのバージョン管理) 
  
 +===== nvm-windowsのインストール(Node.jsのバージョン管理) =====
 Node.jsもバージョンアップが繰り返されますが、npmが複数存在していると、npm update npmをしても、バージョンアップがうまくいかないことがあります。そのため、私は、nvm-windowsというNodejsのバージョン管理システムを用いています。 Node.jsもバージョンアップが繰り返されますが、npmが複数存在していると、npm update npmをしても、バージョンアップがうまくいかないことがあります。そのため、私は、nvm-windowsというNodejsのバージョン管理システムを用いています。
  
 参考:https://mosapride.com/index.php/2018/04/23/post-810/ 参考:https://mosapride.com/index.php/2018/04/23/post-810/
  
-以下のリンクから、最新版のnvm-setup.zipをダウンロード+  *以下のリンクから、最新版のnvm-setup.zipをダウンロード
 https://github.com/coreybutler/nvm-windows/releases https://github.com/coreybutler/nvm-windows/releases
 +  *解凍して、中身のexeファイルをダブルクリックして起動し、指示に従ってインストール。
 +  *VisualStudioCode(コマンドプロンプトでもOK)で適当なフォルダを開き、Ctrl+@でコマンドプロンプトを起動。(WSLなどに変更している場合は、Ctrl+Shift+Pでshellと入力し、defaultをcmd.exeにしておく)
 +<code>
 +nvm -v
 +nvm list available
 +</code>
 +  *LTS(Long Term Support=安定版)のうち、一番新しいバージョンを指定してインストールします
 +<code>
 +nvm install 10.15.3
 +nvm use 10.15.3
 +</code>
 +
 +<code>
 +npm install -g yarn
 +</code>
 +
 +今回構築した環境
 +<code>
 +Windows10
 +nvm-windows 1.1.7
 +Node 10.15.3
 +npm 6.4.1
 +yarn 1.15.2
 +</code>
 +
 +===== elm0.19のインストール =====
 +[[z_blog:2019:190318_elm|190318 Elm]]の、npm installのやり方で、elmをインストール。
 +
 +elm@0.19.0-bugfix6
 +elm-format@0.8.1
 +
 +がインストールされた。
 +また、VisualStudioCodeの拡張機能でelmをインストールして、settings.jsonに以下のようにelmを設定
 +<code>
 +    "[elm]": {
 +        "editor.formatOnSave": true
 +    },
 +</code>
 +{{:z_blog:2019:pasted:20190414-171623.png}}
 +
 +create-elm-appのインストール
 +<code>
 +npm i create-elm-app -g
 +</code>
 +
 +create-elm-app@3.0.6
 +がインストールされた。
 +
 +参考:http://i-doctor.sakura.ne.jp/font/?p=36426
 +Elm0.19でCSSフレームワーク”bulma”を試してみる(2)(create-elm-appでelmアプリを作成)
 +2019年3月24日2019年3月25日
 +
 +
 +
 +
 +
 +


z_blog/2019/190415_win10_install2.1555261049.txt.gz · 最終更新: 2019/04/14 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki