技術ブログ | 株式会社アイプランニング IPlanning corporation

アイプランニング社員が調査したこと、学んでいることが具体的にどんなものなのかを披露します。 Here is what the IPlanning corp employees surveyed and what they learned.

scoopを使って開発用PCをセットアップする

インターンシップの開催にあたり、PCの開発環境のセットアップを手順化しました。

セットアップ対象

セットアップするツール一覧

Scoopでのインストール

セットアップはscoopで行います。scoopを使う理由としては、管理者権限を必要としないためです。 (別のオプションとしてchocolateyを使うこともできます)

https://scoop.sh/

まず、Powershellを起動します。Win + Rからファイル名を指定して実行、powershellを入力すると起動します。

下記のコマンドをコピーし、Powershellウィンドウにペーストします。 (右クリックでペーストすることができます) 改行で実行してください。

Set-ExecutionPolicy RemoteSigned -scope CurrentUser

f:id:iplcojp:20191118140851p:plain

Powershellスクリプトを実行するための権限変更の確認が入りますので、yを押して承諾します。

これでscoopがインストール可能になります。 その後、下記を実行します。

iwr -useb get.scoop.sh | iex

scoopがインストールされます。 scoopのインストールが完了したら、下記のコマンドをすべてコピーし、実行してください。

scoop install git
scoop install nodejs
scoop install yarn

これでNode.js関連のツールがすべてインストールされました。

インストーラでのインストール

VSCodeは、公式インストーラを使ってインストールしてください。 (scoopでのインストールも可能ですが、今回はコンテキストメニューに「Codeで開く」を追加したいため)

code.visualstudio.com

f:id:iplcojp:20191118143326p:plain

インストールオプションで「ショートカットを追加」「コンテキストメニューに追加」をそれぞれチェックしてください。

その後、Chromeもインストールを行います。

www.google.co.jp

以上でセットアップは完了です。

VSCodeの日本語化&拡張機能インストール

デスクトップに配置されたVisual Studio Codeを起動します。 このままだと英語なので、日本語化しましょう。

拡張機能アイコンをクリックし、japaneseと入力して検索します。

f:id:iplcojp:20191118152043p:plain

Japanese Language Packが表示されますので、installを選択して下さい。

f:id:iplcojp:20191118152224p:plain

再起動が促されますので、Restart Nowを選択します。

Live Serverのインストール

HTMLをプレビューするために、Live Server拡張をインストールします。

拡張機能から、liveserverと入力し、Live Serverと表示されたらインストールしてください。

f:id:iplcojp:20191118152427p:plain

以上で、VSCode設定完了です。