Visual Studio Codeに入れておくべき拡張機能

Visual Studio Codeを使用する前に入れておきたい拡張機能のメモ書きです。

インストールする拡張機能

VScodeの「拡張機能」のアイコンをクリックして、下記を検索してインストールする

汎用機能
1. Japanese Language Pack for Visual Studio Code
2. vscode-proto3
3. Code Spell Checker
4. ESLint
5. zenkaku
6. Prettier - Code formatter  
7. Path Autocomplete
8. Live Share
9. PlantUML

フロントエンド用拡張機能
1. ES7+ React/Redux/React-Native snippets
2. JavaScript and TypeScript Nightly
3. CSS Formatter
4. HTML CSS Support

Go言語用拡張機能
1. GO

リンク

https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
React Developer Tools

https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare

https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

https://marketplace.visualstudio.com/items?itemName=aeschli.vscode-css-formatter

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css

https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

https://marketplace.visualstudio.com/items?itemName=mosapride.zenkaku