Extensions

VS Code 拡張機能の追加

さきほど VS Code の拡張機能の Salesforce Extension Pack をインストールしましたが、他にも開発に欠かせない拡張機能が豊富に存在します。 ぜひインストールしましょう。

No.	必須	名前	オススメポイント
1	Y	Bracket Pair Colorizer	括弧のペアを色付きで把握できる
2	Y	Codey Midnight	Salesforce 開発にぴったりのダークテーマ
3	Y	Prettier - Code formatter	コードを綺麗に整形してくれる
4	Y	Todo Tree	TODO コメントを一覧化できる
5	Y	Trailing Spaces	余分なスペースを削除してくれる
6	Y	zenkaku	余分な全角スペースをハイライトしてくれる
7		Apex PMD	Apex コードの静的解析を実行できる
8		Codey High Noon	Salesforce 開発にぴったりのライトテーマ
9		Git History	Git のブランチの状況を視覚的にわかりやすく把握できる
10		GitHub Pull Requests	VS Code 上で GitHub のプルリクエストに対応できる
11		GitLens — Git supercharged	Git のコミットの履歴を追跡しやすくなる
12		JSON Tools	JSON の pretty/minify を実行できる
13		Live HTML Previewer	HTML をプレビューできる
14		Live Share	リアルタイムにコードを共有して共同作業できる
15		Output Colorizer	ログに色付けしてくれる
16		Path Autocomplete	モジュールのインポートを入力補完してくれる
17		Rainbow CSV	CSV のカラムごとに色付けしてくれる

ユーザ設定

インストールした拡張機能の各種設定を有効化しましょう。 次のキーボードのショートカットで Settings を開き、右上のアイコン「Open Settings (JSON)」をクリックします。

• MacOS : command + ,
• Windows : Ctrl + ,

以下の JSON を貼り付けて保存しましょう。

settings.json

【オプション】 Prettier 設定

「VSCodeQuickstart」プロジェクトのルートに既に自動生成されているファイルの中身を以下で置き換えましょう。

.prettierrc

.prettierignore

【オプション】 ESLint 設定

「VSCodeQuickstart」プロジェクトのルートには存在していないので、次のファイルを新規作成しましょう。

.eslintrc.json

.eslintignore

---

👈 前に戻る | 次に進む 👉