初めてのプログラミング学習
先ずはVSCodeとnode.jsのインストール(Ubuntu 20.04)

2024年7月1日 2024年8月24日

remy_world

Ubuntu環境でプログラミングを開始するためには、一先ずVSCodeとnode.jsをインストールする方法をメモしておきます。

Visual Studio Codeのインストール

下記サイトから各自OSに対応したVSCodeをダウンロードします。ここではOSはUbuntuですので、「Debian / Ubuntu」系の.debをクリックしてダウンロードします。

VSCodeのダウンロードサイト

ダウンロードサイト

下記は少し古いですが、ファイル名が「code_1.83.1-1696982868_amd64.deb」のversion 18の例です。
(※後で更新しますので、更新前の状態を再現しているだけです)
次のコマンドを実行するだけです。

# ファイル権限を与える
$ sudo chmod 777 ./code_1.83.1-1696982868_amd64.deb

# ダウンロードした先に移動して、そこでインストールします
$ sudo apt install ./code_1.83.1-1696982868_amd64.deb

後は、VSCodeを起動して日本語化する拡張機能を入れ設定し、VSCodeを再起動するだけです。

VSCodeのVersionは、メニューの「ヘルプ」ー「バージョン情報」から確認できます。

バージョン情報

以上です。😁

Visual Studio Codeの更新

更新する場合も同様にできます。
2024/06時点ではダウンロードファイルは「code_1.90.2-1718751586_amd64.deb」でした。同様にダウンロードします。

# ファイル権限を与えてます
$ sudo chmod 777 ./code_1.90.2-1718751586_amd64.deb

# 念の為aptを更新して
$ sudo apt update
$ sudo apt upgrade

# ダウンロードした先で良いので、そこでインストールします
$ sudo apt install ./code_1.90.2-1718751586_amd64.deb

VSCodeのヘルプ - 更新の確認(更新可能な場合)

更新も簡単です。

node.jsのインストール

下記サイトから各自のOSに対応した最新版のnode.jsをダウンロードする。ここではUbuntu系の「node-v18.20.3-linux-x64.tar.xz」を選んでいます。(※これも後で更新しますので、更新前の状態を再現しているだけです)

Node.jsのダウンロードサイト

ダウンロードフォルダに保存した場合、解凍後pathを通すので適切な場所(例えば/opt)に移動しておく。
移動先で解凍する。
vimで ~/.bashrc ファイルを開き、最後の行にNode.jsのパスを追加する。
設定内容をすぐに反映したい場合には，次のように指定する。
(指定しなくても次回ログイン時には有効になっている。)
インストールされたことを確認する。

$ sudo mv  ./node-v18.20.3-linux-x64.tar.xz/ opt/       #← /opt/フォルダに移動

$ sudo tar -Jxvf ./node-v18.20.3-linux-x64.tar.xz       #← 解凍

$ sudo vim  ~/.bashrc
# 最後の行に下記を追記して新たなパスを追加します。
PATH="$PATH":/opt/node-v18.20.3-linux-x64.tar.xz/bin　

# 直ぐにでも、再起動後も使えるようにします。
$ source ~/.bashrc

$ node -v
v18.20.3

$ npm -v
10.7.0

以上で、確実に動作します。

node.jsの更新

Versionが18から20に更新されていた場合も、先程のダウンロードサイトから最新版をダウンロードします。

Node.jsのダウンロードサイト

手順は同じですが、パス指定だけが異なります。以前のパスを消して最新のパスに変更する必要があります。

ググるとexportコマンドを使って古いパスを消す方法が書かれていましたが、自分の環境ではうまくいかなかったので、欲しいパスとなるようにまるごと上書きしました。

$ sudo mv  ./node-v20.15.0-linux-x64.tar.xz/ opt/       #← /opt/フォルダに移動

$ sudo tar -Jxvf ./node-v20.15.0-linux-x64.tar.xz       #← 解凍

# ⇓ここが少し異なります
# 1)今のパスを確認する
$ echo $PATH
/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/snap/bin:/opt/node-v18.20.3-linux-x64/bin

# 2) ~/.bashrcに追記
$ sudo vim  ~/.bashrc
# 最後の行に、以前の追記分を削除して、下記のパスに書き換えます（上書きできるように全て記載）
PATH="/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/snap/bin:opt/node-v20.15.0-linux-x64/bin"　

# 直ぐに使えるようにします。
$ source ~/.bashrc

$ node -v
v20.15.0

$ npm -v
10.7.0