【Mac】VSCode 開発環境構築  （Java、Gradle、Node.js）

## １.  Java、Gradle、Nodeインストール
### brewインストール
１）以下を実行してインストールする。

```shell:ターミナル
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
```



### Javaインストール

１）下記のサイトからJava SE Development Kit *u*** → Mac OS X → jdk-*u***-macosx-x64.dmg をダウンロードし、インストーラを実行する。

[Java8(Archive)](https://www.oracle.com/java/technologies/javase/javase8-archive-downloads.html)
[Java9(Archive)](https://www.oracle.com/java/technologies/javase/javase9-archive-downloads.html)


２）環境変数の設定（バージョンに合わせて以下を実行）

```shell:ターミナル
export JAVA_HOME=`/System/Library/Frameworks/JavaVM.framework/Versions/A/Commands/java_home -v "1.8"`
source ~/.bash_profile
```

３）バージョン確認　

```shell:ターミナル
java -version
#以下のように出力されればOK
java version "1.8.0_144"
Java(TM) SE Runtime Environment (build 1.8.0_144-b01)
Java HotSpot(TM) 64-Bit Server VM (build 25.144-b01, mixed mode)
```

### Gradleインストール
１）以下を実行してインストールする。

```shell:ターミナル
brew update
brew install gradle
```

２）バージョン確認

```shell:ターミナル
gradle -v
#以下のように出力されればOK
------------------------------------------------------------
Gradle 6.3
------------------------------------------------------------

Build time:   2020-03-24 19:52:07 UTC
Revision:     bacd40b727b0130eeac8855ae3f9fd9a0b207c60

Kotlin:       1.3.70
Groovy:       2.5.10
Ant:          Apache Ant(TM) version 1.10.7 compiled on September 1 2019
JVM:          1.8.0_144 (Oracle Corporation 25.144-b01)
OS:           Mac OS X 10.14.6 x86_64
```


### Groovyインストール
１）以下を実行してインストールする。

```shell:ターミナル
brew install groovy
```

２）バージョン確認

```shell:ターミナル
groovy -v
#以下のように出力されればOK
Groovy Version: 3.0.3 JVM: 1.8.0_144 Vendor: Oracle Corporation OS: Mac OS X
```


### Nodeインストール
１）以下を実行してnodebrewをインストールする。

```shell:ターミナル
brew install nodebrew
```

２）バージョン確認

```shell:ターミナル
nodebrew -v
#以下のように出力されればOK
nodebrew 1.0.1
：
```

３）以下を実行してnodebrewをインストールする。(v8.11.1を指定した場合の例)

```shell:ターミナル
mkdir -p ~/.nodebrew/src
nodebrew install-binary v8.11.1
```

４）使用バージョンの有効化

```shell:ターミナル
nodebrew use  v8.11.1
```

５）バージョン確認

```shell:ターミナル
nodebrew list
#以下のように出力されればOK
v8.11.1

current: v8.11.1
```


６）パスを通す

```shell:ターミナル
echo 'export PATH=$PATH:~/.nodebrew/current/bin' >> ~/.bashrc
source ~/.bashrc
```

７）Nodeバージョン確認

```shell:ターミナル
node -v
#以下のように出力されればOK
v8.11.1
```

８）npmバージョン確認

```shell:ターミナル
npm -v
#以下のように出力されればOK
5.6.0
```


## ２.  Git
１）以下を実行してインストールする。

```shell:ターミナル
brew install git
```

２）パスを通す。

```shell:ターミナル
echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.bash_profile
source ~/.bash_profile
```

３）バージョン確認

```shell:ターミナル
git --version
#以下のように出力されればOK
git version 2.26.2
```

## ３.  VSCodeインストール
本体はググってダウンロードする。
### 拡張機能のインストール
１）VSCodeを起動
２）コマンドパレットを開く(cmd+shift+p)
３）"Shell Command: Install 'code' command in PATH"を選択
４）ターミナルを開き、下記を実行

```shell:ターミナル
code --install-extension MS-CEINTL.vscode-language-pack-ja
code --install-extension VisualStudioExptTeam.vscodeintellicode
code --install-extension leizongmin.node-module-intellisense
code --install-extension vscjava.vscode-java-debug
code --install-extension vscjava.vscode-java-dependency
code --install-extension vscjava.vscode-java-pack
code --install-extension vscjava.vscode-java-test
code --install-extension vscjava.vscode-maven
code --install-extension vscjava.vscode-spring-boot-dashboard
code --install-extension vscode-icons-team.vscode-icons
code --install-extension shardulm94.trailing-spaces
code --install-extension ionutvmi.path-autocomplete
code --install-extension redhat.vscode-yaml
code --install-extension eamodio.gitlens
code --install-extension donjayamanne.githistory
code --install-extension CoenraadS.bracket-pair-colorizer-2
code --install-extension GitHub.vscode-pull-request-github
code --install-extension IBM.output-colorizer
code --install-extension emilast.LogFileHighlighter
code --install-extension stevencl.addDocComments
```

※詳細はMarketplace参照。下記URLのitemNameに--install-extension 以降を指定するとそれぞれ見ることができる。
https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja

```shell:インストールした拡張機能一覧を出力するコマンド
code --list-extensions | xargs -L 1 echo code --install-extension
```


５）以下、メニューから「Code > 基本設定 > 設定」で設定ファイルを開き、お好みでチェックして有効にする。（「設定の検索」にプロパティ名を入力するとフィルタリングされる。）
・insertFinalNewline
　->ファイル保存時に最新の行を末尾に挿入
・editor.renderControlCharacters
　->制御文字の表示
・terminal.integrated.copyOnSelection
　->ターミナルで選択したテキストを自動コピーする
・editor.wordWrap
　->折り返し表示。”on”にすることで折り返し有効。
・workbench.startupEditor
　->起動時に無題ファイルを開く。"newUntitledFile"で無題ファイル、"none"で指定なしにも設定可能。