Windows10+WSL+Ubuntu+node.js+yarn+Vue/cli+Vue/cli-service-globalのインストール手順

WSL(Windows Subsystem for Linux) にUbuntuをインストール node.jsをインストール yarnをインストール Vue/cliインストール
3
みつぎ@Webアプリ開発者、土木電気通信施工、現場仕事、5児パパ、生成系AI @mitsugeek

windowsストアアプリからubuntuのダウンロードが終わったよう。 添付画像のとおりにubuntuが何かしている。。。 installing this may take a few minutes... pic.twitter.com/8o8JoppNXt

2019-05-19 00:52:48
拡大
みつぎ@Webアプリ開発者、土木電気通信施工、現場仕事、5児パパ、生成系AI @mitsugeek

WSL上のUbuntuにyarnインストール その1 curl -sS dl.yarnpkg.com/debian/pubkey.… | sudo apt-key add - echo "deb dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

2019-05-20 01:01:33
みつぎ@Webアプリ開発者、土木電気通信施工、現場仕事、5児パパ、生成系AI @mitsugeek

WSL上のUbuntuにyarnインストール その2 sudo apt-get update && sudo apt-get install yarn

2019-05-20 01:02:08
みつぎ@Webアプリ開発者、土木電気通信施工、現場仕事、5児パパ、生成系AI @mitsugeek

WSL上のUbuntuにVue CLIをインストール yarn global add @vue/cli warningが6つくらい出た。

2019-05-20 01:13:46
みつぎ@Webアプリ開発者、土木電気通信施工、現場仕事、5児パパ、生成系AI @mitsugeek

WSL上のUbuntuにインストールしたVue CLIを確認。 vue --version >3.7.0 ひとまずインストールはOK

2019-05-20 01:15:29
みつぎ@Webアプリ開発者、土木電気通信施工、現場仕事、5児パパ、生成系AI @mitsugeek

WSL上のUbuntuにvue/cli-service-globalをインストール yarn global add @vue/cli-service-global

2019-05-20 01:19:33
みつぎ@Webアプリ開発者、土木電気通信施工、現場仕事、5児パパ、生成系AI @mitsugeek

App.vueを作成し、 <template> <h1>Hello Vue!</h1> </template> と記述。 んで、vue serve実行 pic.twitter.com/r8yhVMYgeU

2019-05-20 01:27:11
拡大