初心者がwin10へVSCode(salesforce)開発環境を構築してみた

# インストール環境
* Windows10 Pro 21H1
* Core-i7, RAM 16GB, 64ビット

# 最後までやると出来る事
* VSCodeでのsalesforce開発（組織に接続）
* Gitでのローカルソース管理

# 設定手順
### 1.Visual Studio Codeをインストールする
以下のURLからダウンロードし、インストールを開始（exeファイルをダブルクリック）する
[VSCode Download](https://code.visualstudio.com/)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/64d53bcd-a03c-94d3-fe8d-cf6451cf8ab2.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/231a654a-a22e-3b68-2d29-c94cbfd19b3d.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/93e191c4-3fab-f8ca-efb5-f80e7db13717.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/ff83b6fe-bf22-00cf-c40a-d202ef506720.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/0978eebe-1958-396b-3ead-c669aca057ff.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/2841d5b9-dd86-ae67-ac94-547d0327a671.png)
### 2.Java SE Development Kit 11をインストールする
:::note warn
ダウンロードする際にオラクルアカウントが必要
:::
[Java SE 11 Download](https://www.oracle.com/java/technologies/downloads/#java11)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/2a311e58-53d3-7793-1c3f-7db498410f58.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/bc3b26c7-f48e-84c0-aa7a-2ddfaf2a4ceb.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/02d3d879-7b81-af51-d51c-79bf233c883e.png)
### 3.Salesforce CLIをインストールする
[Salesforce CLI Download](https://developer.salesforce.com/ja/tools/sfdxcli)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/edf4617f-0880-10f8-1846-60db18e9bf16.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/570116df-73af-9870-9900-01630e4673fc.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/ecec7b46-5dcb-5bfc-e617-828f79188486.png)
### 4.Gitをインストールする
[Git Download](https://git-scm.com/download/win)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/d47af829-792b-d8d3-5fda-eaa0c36142ba.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/ae6fad96-9324-53e9-db73-61fef685c88b.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/30264726-fdb2-2131-7cce-541f2435eeab.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/89dd8d30-2061-8e86-700c-1f0f50f7fff8.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/939a5e30-174f-e8a8-e89c-4dbb07b457a6.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/03ac09fd-9417-77f0-7dd5-5b8db2906997.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/5db11f8c-1254-31eb-f01b-6d752ecab352.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/b5f4568b-bfd7-bcef-2d2e-d924e21f3138.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/1480a1df-97fa-4d02-9e19-37a7ae1c9f3a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/1f24a453-c70d-b26c-ae7b-b100affba0ce.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/553ae60a-a480-aaab-fb78-80ee0e0a5f91.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/eb3f3447-90b4-6fa3-ff6f-69dca6afdf7a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/367ddfe0-83c8-8395-c104-f1e8112f2f68.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/2c30eaa6-d662-c07a-a732-b01abc14ee0e.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/aa59cdf6-9f43-968d-f319-d255e9daf122.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/e357e6c1-12dc-2d85-8160-f778fa9387c8.png)

:::note info
Git詳細設定参考サイト
:::
[【Windowsでgitを使おう！】導入方法とはじめにすべき設定まとめ](https://www.sejuku.net/blog/77097)
### 5.VSCodeプラグインインストール
* VSCodeを開き「Ctrl + Shift + x」でExtentionsを開き「Salesforce Extension Pack」をインストールする
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/73b563eb-f598-d00a-732d-5094324d6807.png)
* 「Ctrl + ,」で設定を開き「apex」と検索し「Salesforcedx-vscode-apex > Java:Home」を設定する

:::note info
プラグインインストール後表示されない場合はVSCodeを再起動すると表示される
:::
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/103fef92-146e-d26c-d6fa-172ef835c2f4.png)
# プロジェクト作成等
### 1.ローカルにプロジェクトを作成する
* 「Ctrl + Shift + p」で「create」と入力し「SFDX:Create Project with Manifest」を選ぶ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/cfad23ba-87ed-de3b-5ca0-02c1b65e4c0a.png)
* 「空 空のプロジェクトテンプレート」を選ぶ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/94334e5d-fb37-e326-a74b-1d9990b30393.png)
* 名前を入力して「Enter」を押すと保存先フォルダを選ぶ画面が出てくるので、適当に設定する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/27c16d88-e7ab-a407-0e02-e6a8d36dc29c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/aed619bb-8a48-c545-70c2-08fc3055f654.png)

### 2.組織に接続する
* 「Ctrl + Shift + p」で「auth」と入力し「SFDX:Authorize an Org」を選ぶ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/86c6fee3-9bfd-9ad9-0534-7d297bcab81c.png)
* ログインする環境によって選択する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/f3671c46-b3bd-7b35-a2c3-cd17eed45d9f.png)
* ログインする組織の名前を付けて「Enter」を押すとsalesforceのログイン画面が表示されるので、IDとPassでログインする
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/f0988939-fd39-8430-3721-ff41641bde7e.png)
* 接続が成功したら、画面左下のコンセントマークの横に設定した名前が出る
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/a10cbbaa-c864-8171-6d1e-123ca9d76636.png)

### 3.ソースをローカルGit管理する
* 「Ctrl + @」でターミナルを開き、Gitの設定をする

```git:tarminal
git config --global user.email "mail@sample"
git config --global user.name "sample name"
```
* 「Ctrl + Shift + g」で「source control」を開いて「Initialize Repository」を押す
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/89f93f4d-fbbd-913e-9f5b-eddaf9e51eec.png)
* 「Changes」の横にある「＋」を押せば、現在フォルダ内にある資産が全て追加される

:::note info
個別に追加したい場合はファイル名にフォーカスすると「＋」が出てくる
:::
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/8fcccb5d-afad-9c9c-6b7c-a26bd23e7405.png)

* 上部の入力欄へ適当なコメントを入れて上の「✓」を押すとコミット完了
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2371788/145dc797-9726-1d5a-da1f-c73ef7352ec7.png)

:::note info
コミットコメントの参考サイト
:::
[Gitのコミットメッセージの書き方](https://qiita.com/itosho/items/9565c6ad2ffc24c09364)
# おまけ:VScodeの便利そうなプラグイン
* Apex PMD
* XML
* Prettier - Code formatter
* Apex Log Analyzer
* GitLens - Git supercharged
* Trailing Spaces
* Salesforce Package.xml Generator Extension for VS Code
* Rainbow CSV