TypeScript環境構築について、yarn add typescript -> tscコマンドが使用出来ない

Question

お世話になっております。npmではなくyarnでインストールしています。

typescriptを

yarn add typescript 

でローカルインストール後

// package.json
{
  "dependencies": {
    "typescript": "^4.5.2"
  }
}

上記のようになっています。
コンパイルをするためにtscコマンドを使いたいのですが
zsh: command not found: tsc
と表示されます。

なぜなのか、そもそもtypescriptをインストールしただけではtscコマンドは使えないのか。
が気になります。

グローバルにインストールしなくてはいけないなんてことがあるのでしょうか？

Comments

[hoshi-takanori]

yarn install するとそのプロジェクトの node_modules に入るので、そこにパスを通す必要がありますが、npm install -g した方が早いかも…。

[rzz]

hoshi-takanori様
ありがとうございます！
そこで,パスを通すとなると具体的にはどのような手順になるのでしょうか？

[hoshi-takanori]

個人的にはプロジェクトの node_modules にパスを通すのはお勧めではないです。
npx を頭につけて npx tsc 〜 として実行するのが良いのでは。

[rzz]

>>> 個人的にはプロジェクトの node_modules にパスを通すのはお勧めではないです。
そうですよね。ありがとうございます。
npmとnpxを調べるきっかけを与えてくださりありがとうございます。勉強になりました。
npx tsc ~ でコンパイルできるようにします。
助かりました！

Answer 1

コンパイルをするためにtscコマンドを使いたいのですが

zsh: command not found: tsc
と表示されます。

「1つのプロジェクトの依存モジュール」として存在するtypescriptと
マシンにインストールしてコマンドラインツールとして使いたいtypescriptは役割が違います。
ですのでグローバルを意味する-gオプションを使って導入してください。

$ npm install -g typescript

まぁ質問文の内容から理解度的に
「それは知ってるけど、それじゃヤダ、何とかならないか？」という話だと思いますね。

解決策は色々ありますね。

• npxを利用する

最初から入っており、サブコマンドがpackage.jsonにあれは優先して実行
package.jsonに存在しなければ都度npmのサイトから探してダウンロード→削除という挙動

• yarn runを利用する

まぁnpmにnpxやpackage-lock.jsonが無かったカスな時代に便利という目玉機能でしたからね

• npm-scriptsに登録してnpm run xxxコマンドから呼び出す

npm-scripts実行中はnode_modules/.binにパスを自動的に通してくれるのでコマンド認識してくれるというカラクリです

基本的には何かのサブコマンドとして実行してくれみたいな形式になるので、
「サブコマンドだなんてやだやだ！」になるならnpm install -g typescriptになります。

If you do not specify a script to the yarn run command, the run command will list all of the scripts available to run for a package.
和訳: yarn runコマンドにスクリプトを指定しない場合、実行コマンドは、パッケージに対して実行できるすべてのスクリプトをリストします。

とりまyarn runを実行して、
使えるサブスクリプトの一覧を聞いてみては？
tscコマンドがあるならば、yarn run tsc ファイル名とか出来るんじゃないですか？
yarn使ってないから知らんけど

---

なぜなのか、そもそもtypescriptをインストールしただけではtscコマンドは使えないのか。

が気になります。

Node.jsに於けるプロジェクトの在り方の話になってきます。
ここはnpmもyarnも変わらないですからね。

マシンに入っている特定のプロジェクトを指して、
今日からここがプロジェクトルートだ！ということで
git initやnpm init -y等をするわけですが(Gitの場合はgit clone URIが多いかな？)

Node.jsの1つのプロジェクトの始まりは、
npm init -yで作られたpackage.jsonで決まります。

その中で「このプロジェクトには○○モジュールはあったほうがいいよね、導入しちゃおう」で
npm install パッケージ名でモジュールを連れてくるわけですが、
これはマシン全体に適用するものじゃないですよね？

グローバルにインストールしなくてはいけないなんてことがあるのでしょうか？

今回の例だとAプロジェクトと、Bプロジェクトのtypescriptのバージョン番号が違ったらどうすんの？
って話になるわけです。

なのでグローバルにインストールしなければ
マシン全体としてtscコマンドを登録して何時でも使えるようにするわけにはいきません。