安裝 TypeScript


Posted by mijouhsieh on 2024-07-17

在專案資料夾中安裝 TypeScript

$ npm install typescript --save-dev

added 1 package in 6s
npm notice
npm notice New minor version of npm available! 10.5.0 -> 10.8.2
npm notice Changelog: <https://github.com/npm/cli/releases/tag/v10.8.2>
npm notice Run `npm install -g npm@10.8.2` to update!
npm notice

成功安裝了 TypeScript 並且有一個 npm(Node Package Manager)的小版本更新可用。

具體意思如下:

  1. added 1 package in 6s:成功安裝了一個包(TypeScript),用了 6 秒鐘。
  2. npm notice:以下是 npm 的通知。
  3. New minor version of npm available! 10.5.0 -> 10.8.2:有一個新的小版本 npm 可用,從目前的 10.5.0 版本升級到 10.8.2 版本。
  4. Changelog: https://github.com/npm/cli/releases/tag/v10.8.2:在這個鏈接可以查看新版本的變更記錄(Changelog)。
  5. Run npm install -g npm@10.8.2 to update!:運行 npm install -g npm@10.8.2 命令來更新 npm 到最新版本。

如果要更新 npm,可以運行命令 npm install -g npm@10.8.2


但輸入tsc指令時,卻無效

$ tsc -v
bash: tsc: command not found

=> 當在本地項目中安裝 TypeScript(使用 npm install typescript --save-dev)時,tsc(TypeScript 編譯器)通常會安裝在項目的 node_modules/.bin 目錄中,而不是全局可用。
因此,在全局環境中運行 tsc 命令會出現 command not found 錯誤

有兩種解決方法:

方法 1:使用 npx

npx 是 npm 版本 5.2.0 及以上版本自帶的一個工具,它可以幫助你運行本地安裝的 npm 包。運行以下命令:

npx tsc -v

方法 2:全局安裝 TypeScript

如果你希望全局使用 tsc 命令,可以全局安裝 TypeScript。運行以下命令:

npm install -g typescript

安裝完成後,再次檢查 tsc 版本:

tsc -v

這應該會顯示已安裝的 TypeScript 版本。(version 5.5.3)
Git Bash 和 VSCode的TERMINAL 都可使用 tsc 指令


#install-typescript #tsc







Related Posts

React hook form(4) - useFormContext & useFormState & useWatch

React hook form(4) - useFormContext & useFormState & useWatch

網際網路是什麼?

網際網路是什麼?

Day 144

Day 144


Comments