Mac MiniにTypeScriptをインストールしてみた

Figmaのプラグインを作ろうとして、TypeScriptを入れてみた。JavaScriptもよくわからないのに、やはり引っかかった。

環境として必要なのは、まずVSCodeでこれは使っていたので簡単にMSからダウンロードしてMacにもインストールできた。日本語化もしてすんなり終わった。次に、Node.jsこれは、JavaScriptを動かしてみるときに、ローカルのサーバーとして必要なのだそうだ。これもサイトから通常ダウンロードしてインストールも簡単に終わった。これでnpmというコマンドが使えるようになったのでTypeScriptをインストールすることになった。コマンドは、

「npm install -g typescript」

ところがこれがエラーが出てインストールできない。

エラーは「permission denied」でディレクトリを作るときに出ている。そのときのターミナル画面をコピーすると

+++++mac@+++++Mac-mini ~ % npm install -g typescript

npm ERR! code EACCES

npm ERR! syscall mkdir

npm ERR! path /usr/local/lib/node_modules/typescript

npm ERR! errno -13

npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/typescript'

npm ERR!  [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/typescript'] {

npm ERR!   errno: -13,

npm ERR!   code: 'EACCES',

npm ERR!   syscall: 'mkdir',

npm ERR!   path: '/usr/local/lib/node_modules/typescript'

npm ERR! }

npm ERR!

npm ERR! The operation was rejected by your operating system.

npm ERR! It is likely you do not have the permissions to access this file as the current user

npm ERR!

npm ERR! If you believe this might be a permissions issue, please double-check the

npm ERR! permissions of the file and its containing directories, or try running

npm ERR! the command again as root/Administrator.

npm ERR! A complete log of this run can be found in: /Users/+++++mac/.npm/_logs/2023-12-24T08_27_12_043Z-debug-0.log

いろいろ調べてみると、関連ディレクトリのパーミッションを変更するとの事だったが、面倒だったので、sudoでやってみるとあっという間にインストールが終わった。なんて事なかった。MACでもsudoが使えることが分かった。この後関連ディレクトリで問題が起こるかもしれないが、まあできた。

tsc -v でバージョンを見てみるとちゃんと５.３.３がインストールできたことが分かった。

インストールはできたけど、VSCodeでどうやって使うのかはまだまだだ。