在WSL上安装Ubuntu 18.04，并搭建yarn-1.22环境的步骤备忘录

1 年 ago

韵, 科

2 minutes

首先

以下是关于在WSL上构建covid19对策（摘要）网站开发环境的一个方法，它只是整理了各地的构建步骤的备忘录。
covid19对策网站已在各个县市单元等进行了开发和发布，本家版的东京都版本可在GitHub上找到：https://github.com/tokyo-metropolitan-gov/covid19。

构建流程

安装WSL（Windows Subsystem for Linux）

首先，在Windows10上安装WSL（Windows Subsystem for Linux）的Ubuntu 18.04。
（附注）无论是WSL2还是Ubuntu 20.04，安装步骤都是相同的。

参考: https://qiita.com/yasushi00/items/0e2bf042c14862c87ce2#%E4%BE%8B%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB-1

引入节点

接下来要引入 node，但是通过 apt 安装的版本已经过时，所以首先要用 apt 安装包括依赖关系的版本，然后再将其更新为最新版本。
首先，使用 apt 安装 nodejs 和 npm。

sudo apt install -y nodejs npm

接下来，安装n package，并且安装最新版本的node。

sudo npm install n -g
sudo n stable

删除通过apt安装的Node.js和npm。

sudo apt purge -y nodejs npm

再次登录后，确认已安装的 Node 版本。

$ node -v
v12.16.1

如果可以通过/usr/local/bin/node执行，那么将路径添加到/usr/local/bin。

引入纱线

按照 https://yarnpkg.com/en/docs/install#linux-tab 上的说明进行安装。

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt update && sudo apt install -y yarn

确认已经安装的 yarn 版本。

$ yarn -v 
1.22.4

由于nodejs是过时的，所以同时删除它。

sudo apt purge -f libuv1 nodejs

安装所需的软件包

由于必要的软件包信息已经登记在GitHub上，因此首先需要进行克隆操作（如果已经克隆过则可省略）。

在克隆之前，建议先将其分岐复制到自己的GitHub账户上。关于fork的步骤，请参考https://qiita.com/FPC_COMMUNITY/items/b9cc072813dc2231b2b2。

git clone GitHubのリポジトリのURL

请进入克隆的目录并执行软件包的安装步骤。

cd covid19  # cloneしたディレクトリ
yarn install

稍等片刻，即可完成软件包的安装。

启动本地服务器。

yarn dev

第一次构建需要花费一些时间。
构建完成后，访问http://localhost:3000以确认功能。可以在Windows浏览器中显示，如Edge等。

改正・更新

编辑源代码和数据后，系统会自动更新，在等待一段时间后，您可以在浏览器上查看。
关于如何真正做出贡献的方法，请参考https://qiita.com/FPC_COMMUNITY/items/b9cc072813dc2231b2b2。

请参阅

若要直接在Windows上導入的一個示例。

node.js

从 https://nodejs.org/ja/download/ 下载Windows Installer (msi) 并运行。

yarn

从https://classic.yarnpkg.com/ja/下载并运行安装程序。

バージョン確認

打开命令提示符并确认版本

>node -v
v12.16.1
>yarn -v
1.22.4

yarnでパッケージインストールとサーバ起動

cd covid19  # cloneしたディレクトリ
yarn install # パッケージインストール

サーバ起動

只需在.env文件中指定GENERATE_ENV=development，并且能够在http://localhost:3000上显示，就算完成。

yarn dev # 起動

参考模板

本页内容是参考以下链接的。

yarn本家 https://classic.yarnpkg.com/en/docs/install#windows-stable

Qiita

https://qiita.com/StoneDot/items/0b6b5b74de8f4e07af95
https://qiita.com/seibe/items/36cef7df85fe2cefa3ea
https://qiita.com/FPC_COMMUNITY/items/b9cc072813dc2231b2b2
https://qiita.com/chihiro/items/d018599ef13c35781412
https://qiita.com/munieru_jp/items/3b1edceadb3990a901c8
https://qiita.com/yasushi00/items/0e2bf042c14862c87ce2