地方公共団体のPCにVSCode、Git、およびnpm・yarnをインストールする

私が所属する地方公共団体のPCはproxy.pacファイルを使っており、固定IPアドレスによって、アクセスできるProxyサーバーを振り分けています。

職場のPCでnpmやyarnを使いたいときに、単純にインストールするだけでは利用できなかったので、今回、使えるようになるまでの手順をまとめておきます。

VSCodeのインストール

公式ウェブサイトからVSCodeのインストーラーをダウンロードし、インストールします。

Download Visual Studio Code - Mac, Linux, Windows

Gitのインストール

Git 公式ウェブサイトからGitのインストーラーをダウンロードし、インストールします。

Git for Windows

VSCodeでGitのPathを設定する

VSCodeを起動して「ターミナル」を開きます。

git cloneすると下記のエラーが出た。

git : 用語 'git' は、コマンドレット、関数、スクリプト ファイル、
または操作可能なプログラムの名前として認識されません。名前が正しく記述されていることを確認し、
パスが含まれている場合はそのパスが正しいことを確認してから、再試行してください。

VSCodeがgitの場所を認識していなかったということらしいので、Gitのpathを通します。

VSCodeの左下の歯車から設定を選択。上の設定の検索に「git path」を入力して、「setting.jsonを編集」をクリックします。

出てきたファイルの

"git.path": ""

""のところに、gitをインストールしたパスを記載します。

"git.path": "C:\Program Files\Git\cmd\git.exe"

「setting.json」を保存してVSCodeを再起動すると、ちゃんとgit コマンドが通りました。

npmのインストール

Node.jsの公式ホームページからダウンロードします。今回は推奨版をダウンロードしました。

Node.js

その後、VSCodeでnpmコマンドを試してみます。

npm -v

npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作可能なプログラムの名前として認識されません。名前が正しく記述されていることを確認し、パスが含まれている場合はそのパスが正しいこと
を確認してから、再試行してください。

上記のエラーが出ましたが、VSCodeを起動したままNodejsをインストールしたのが原因のようです。

【Windows10】VSCodeとNode.jsインストールではまったこと | nabelog【Windows10】VSCodeとNode.jsインストールではまったこと

再起動して、再度npmコマンドを試すと、次はOKでした。

npm -v
9.6.7

npmを利用してyarnをインストールします。

npm install -g yarn 

npm ERR! code EPROTO
npm ERR! syscall write
npm ERR! errno EPROTO
npm ERR! request to https://registry.npmjs.org/yarn failed, reason: write EPROTO B0450000:error:0A000152:SSL routines:final_renegotiate:unsafe legacy renegotiation disabled:c:\ws\deps\openssl\openssl\ssl\statem\extensions.c:922:
npm ERR!

またまたエラーで出たので、プロキシを設定してみます。

npm -g config set proxy http://<userid>:<password>@<server-address>:<port>
npm -g config set https-proxy http://<userid>:<password>@<server-address>:<port>

今度は、違うエラーが出る。

npm ERR! code E403
npm ERR! 403 403 Forbidden - GET https://registry.npmjs.org/yarn
npm ERR! 403 In most cases, you or one of your dependencies are requesting
npm ERR! 403 a package version that is forbidden by your security policy, or
npm ERR! 403 on a server you do not have access to.

ユーザー名とパスワードを入れる必要があるみたい。

npm -g config set proxy http://<userid>:<password>@<server-address>:<port>
npm -g config set https-proxy http://<userid>:<password>@<server-address>:<port>

ユーザー名は下記コマンドで確認できる

set user

参考サイト

【node.js】大企業様で使われているproxy.pacよりProxyサーバを設定している環境で「npm install」を使う方法

Node.js / npm 設定 に プロキシ を 設定 または 解除 する 方法

npm install -g yarn

できた！！

yarn の実行

yarn を実行してみる

yarn : このシステムではスクリプトの実行が無効になっているため、
ファイル C:\Users\ユーザー名\AppData\Roaming\npm\yarn.ps1 を読み込むことができません。

エラーが出たので、下記サイトを参考に設定してみる。

PowerShellからyarnすると「このシステムではスクリプトの実行が無効になっているため、ファイル～を読み込むことができません。」というエラーが表示される

Get-ExecutionPolicy
Restricted
Set-ExecutionPolicy RemoteSigned
Set-ExecutionPolicy -Scope CurrentUser RemoteSigned
Get-ExecutionPolicy
RemoteSigned