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

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

ユーザ用ツール

サイト用ツール


z_blog:2019:190415_win10_install2


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
z_blog:2019:190415_win10_install2 [2019/04/14] – [最初に行うこと] adash333z_blog:2019:190415_win10_install2 [2019/04/14] (現在) – [elm0.19のインストール] adash333
行 1: 行 1:
-====== 190415_Win10_install2 ======+====== Windows10購入時の設定(2019年4月版) ======
  
 Windows7のパソコンを消去して、Windows10をインストールしてみた。 Windows7のパソコンを消去して、Windows10をインストールしてみた。
  
 +参考:[[z_blog:2018:181219_windows10_config|Windows10購入時の設定(2018年12月版)]]
 ===== 最初に行うこと ===== ===== 最初に行うこと =====
   -Chromeのインストール   -Chromeのインストール
行 12: 行 13:
 ===== その後の手順(1) ===== ===== その後の手順(1) =====
   -VisualStudioCodeのインストール   -VisualStudioCodeのインストール
-  -http://www.curict.com/software/Windows10/Windows10_git.htmlのお勧めの設定の通りにGit for Windowsをインストール+  -http://www.curict.com/software/Windows10/Windows10_git.htmlのお勧めの設定の通りにGit for Windowsをインストール(Git-2.21.0-64-bit.exe) 
 + 
 +===== nvm-windowsのインストール(Node.jsのバージョン管理) ===== 
 +Node.jsもバージョンアップが繰り返されますが、npmが複数存在していると、npm update npmをしても、バージョンアップがうまくいかないことがあります。そのため、私は、nvm-windowsというNodejsのバージョン管理システムを用いています。 
 + 
 +参考:https://mosapride.com/index.php/2018/04/23/post-810/ 
 + 
 +  *以下のリンクから、最新版のnvm-setup.zipをダウンロード 
 +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.1555260587.txt.gz · 最終更新: 2019/04/14 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki