starMagichat
@starMagichat

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

Typescriptをコンパイルしたい

Q&A

Closed

解決したいこと

TypeScriptについて理解を深めるため、下記のコードのコンパイルを行いたい

該当するソースコード

console.log("helloworld")

image.png

自分で試したこと

今回の流れとしましては
https://www.typescriptlang.org/download/
を確認し、npmでインストールしてみました。

npm install typescript --save-dev

コマンドを実行いたしました。

その後tsファイルを作成しhelloworldを出力する内容を記述。

そこからコンパイルのため
このコマンドを試して見ましたが、このようなエラーが発生しました。

magic_hat@starMagichatnoMacBook-Air 名称未設定フォルダ % npm install typescript --save-dev

added 1 package in 389ms

※この下の部分はあまり関係ないと思いますが、一応入れておきました。
magic_hat@starMagichatnoMacBook-Air 名称未設定フォルダ % mkdir 
usage: mkdir [-pv] [-m mode] directory_name ...
magic_hat@starMagichatnoMacBook-Air 名称未設定フォルダ % mkdir d


magic_hat@starMagichatnoMacBook-Air 名称未設定フォルダ % tsc hello.ts
zsh: command not found: tsc
magic_hat@starMagichatnoMacBook-Air 名称未設定フォルダ % 

このようにローカルでtscをインストールしたと思いましたが、
zsh: command not found: tscしてしまうため、
ここからどうすればjsファイルにコンパイラできるかご教示いただけると幸いです。

その他前提情報

nodeとnpmのバージョン

magic_hat@starMagichatnoMacBook-Air 名称未設定フォルダ % node -v
v20.11.0
magic_hat@starMagichatnoMacBook-Air 名称未設定フォルダ % npm -v
10.2.4

OS

MacOS バージョン14.4.1

その他必要な前提があれば、個人情報以外は基本的に答えられるので、
遠慮なくお聞きくださいm(_ _)m

0

2Answer

Comments

  1. @starMagichat

    Questioner

    回答ありがとうございます^ ^
    拝見してみましたが、特にpathの通し方は色々なことに応用できそうで良い記事ですね。
    保存しておきました!

localのtscにパスを通すか、tscをグローバルにインストールするか、npx tscを使うかのどれか。

1Like

Comments

  1. @starMagichat

    Questioner

    回答ありがとうございます^ ^
    npx tscを試してみました。その結果無事hello.jsファイルがコンパイルできました。
    typescriptの学習のため、行っていたので、その他の方法もすごく勉強になります!

  2. 解決したのあれば、本問をクローズしましょう。

  3. @starMagichat

    Questioner

    ご教示ありがとうございます。このような機能があるのですね、ぜひ使わせていただきます。

Your answer might help someone💌