😸

初めてのTypeScript

2023/08/15に公開

はじめに

今回インターンに参加するにあたりTypeScriptを使うため一から勉強します。
私自身のメモやアウトプットとして活用する目的なので粗い部分があるかもしれませんが、ご了承ください。
下記がnodeとnpmのバージョンになっています。

-node v19.4.0
-npm 9.2.0

今回は、こちらのYoutubeを参考にさせていただきました。
おそらくYoutubeの方を見た方がわかりやすいので詳しく知りたい方はそちらを参考にしてみてください。

まずはじめに、nodeをインストールします。インストールされている場合は下記のコマンドを実行すると

node -v

v19.4.0
この様に表示されます。

もし何も表示されない様だったら下に進みます。
次にHomebrewをインストールします。

brew --version

Homebrew 4.1.1

ここで何も表示されない様だったらこちらを実行するとHomwbrewがインストールすることができる。
"Homebrew インストール"などの様に調べると公式サイトに下記のようなコマンドが出てくる。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Homebrewとは簡単に説明するとパッケージマネージャーと呼ばれるもので、名前の通りパッケージ(ライブラリ?)などを簡単にインストールできる便利なものになっています。
こちらをみると詳しく書いてあったので気になれば。

次にこちらをインストールしてnodeを管理するためのnodebrewをインストールします。

brew install nodebrew

そしらたnodeをインストールします。こちらは安定したバージョンのnodeをインストールするコマンドになっています。ここでの安定とは、バグなどのエラーがなく安全に使えますという意味になっています。

nodebrew install stable

こちらを実行するとバージョンを確認することができる

nodebrew ls

次にnodeをインストールしたらpathを通さないと使えないため、こちらを実行する。

echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zprofile'

お好きなディレクトリに移動して下記のコマンドを打ちます。

npm init

今回はYoutubeを参考に下記のパッケージをインストールしていきます。

npm install --save-dev typescript ts-loader webpack webpack-cli webpack-dev-server

これらのコマンドを打ち込んでもらえれば一通りの環境構築は完了です。
簡単に説明したので、詳しく知りたい方はYoutubeの方をご確認してください。

今回初めての投稿でしたがアウトプットすることで自分の身にもなるため今後も時間があれば続けていきたいと思っています。