TypeScriptをローカルにインストールする

Exercismの演習を自分のマシンで解くために、TypeScriptをローカルにインストールする方法を学びます。


NodeJS LTSが必要です。

💡 このトラックは、古い安定版でも、「current」バージョンでも、おそらく動作します。 ただし、設計上、奇数バージョンは決して安定しません。 NodeJSをインストールするときは、必ず偶数バージョンを選びましょう。

Node.JSのcorepackを使ってYarn 4+をインストールします:

corepack enable yarn

インストールの確認

インストールしたばかりのバイナリを使うには、通常、新しいターミナルを開く必要があります。

$ node -v
v20.15.0

$ corepack -v
0.28.1

$ corepack yarn -v
v4.3.1

注:表示されるバージョンは、ここに載っているものとは異なるはずです。

演習のインストール

各演習では、テストを実行するためにいくつかのツールが必要です。

それらは、各演習のディレクトリで次のコマンドを実行するとインストールできます:

$ corepack yarn install

お使いのエディターによっては、Plug'n'Playインストールで動作させるために、各演習にEditor SDKをインストールする必要があります。 この記事を書いている時点では、次のエディターに対応しています:

たとえば、VSCodeを使う場合に実行するコマンドは次のとおりです:

$ corepack yarn install

➤ YN0000: · Yarn 4.3.1
➤ YN0000: ┌ Resolution step
➤ YN0000: └ Completed
➤ YN0000: ┌ Post-resolution validation
➤ YN0060: │ # [...]
➤ YN0000: └ Completed
➤ YN0000: ┌ Fetch step
➤ YN0000: └ Completed in 0s 566ms
➤ YN0000: ┌ Link step
➤ YN0000: │ ESM support for PnP uses the experimental loader API and is therefore experimental
➤ YN0000: └ Completed
➤ YN0000: · Done with warnings in 0s 768ms

$ corepack yarn dlx @yarnpkg/sdks vscode

➤ YN0000: · Yarn 4.3.1
➤ YN0000: ┌ Resolution step
➤ YN0085: │ + @yarnpkg/sdks@npm:3.1.3, and 103 more.
➤ YN0000: └ Completed in 0s 509ms
➤ YN0000: ┌ Fetch step
➤ YN0013: │ 104 packages were added to the project (+ 2.87 MiB).
➤ YN0000: └ Completed
➤ YN0000: ┌ Link step
➤ YN0000: └ Completed in 0s 270ms
➤ YN0000: · Done in 0s 881ms

➤ YN0000: Cleaning up the existing SDK files...
➤ YN0000: ┌ Generating SDKs inside .yarn/sdks
➤ YN0000: │ ✓ Eslint
➤ YN0000: │ ✓ Prettier
➤ YN0000: │ ✓ Typescript
➤ YN0000: │ • 5 SDKs were skipped based on your root dependencies
➤ YN0000: └ Completed
➤ YN0000: ┌ Generating settings
➤ YN0000: │ ✓ Vscode (updated 🔼)
➤ YN0000: └ Completed

テストを実行するには、まず_演習のディレクトリの中で_installを実行する必要があります。 Yarn 4 PnPが有効になっているため、各演習のディレクトリで依存関係をインストールしても、すべての依存関係の完全なコピーがインストールされるわけではありません。

その後、エディターがeslint、prettier、typescriptのエラーを表示する場合は、ウィンドウを再読み込みするか、エディターを開き直してください。