VSCode

https://scrapbox.io/files/62fdd2c6bc508a001e93b7ae.png

https://scrapbox.io/files/6318c64c7c39c3001d80e48c.png

Astro の拡張機能

たまに Astro 書く

一般的な Web サイトならこれ使っとけって感じ

最高のテーマ

紫色を基調としているテーマが好き

Shade of Purple

Dracula

Auto Import

Babel JavaScript

background-cover

✅ Better Comments

ブックマークつけれる

Browse Lite

VSCode 内にブラウザを表示

軽い

✅ C/C++

change-case

Raycast を使う？

Docker

DotENV

empty-indent

不要なインデントを空にする

エラーメッセージを見やすくする

Fig

File Utils

ファイル操作をラクにする

コピー

削除

Firebase

Firebase Explorer

Firebase Snippets

FIrebase/Firestore

Fluent Icons

Font Awesome Gallery

Git Blame

Git Graph

Git History

ここらへんは便利なんだけど、いうてあんま使ってないな

Git 操作は、2022/08/19 現在は主に以下を使っている

TUI ツールももっと使ってみる

GitHub Actions

GitHub Copilot labs

GitHub Copilot の恩恵でいろいろできるスグレモノ

GitHub Copilot Nightly

コード補完

DX 向上

GitHub Pull Requests

gitignore

GitLens

Grammarly

GraphQL: Language Feature Support

GraphQL: Syntax Highlighting

Headwind

Tailwind CSS 系

Highlight Matching Tag

カーソル上のタグにマッチする終わりタグに色をつける

必須

HTML CSS Support

HTMLHint

htmltagwrap

HTML タグに入れ子を簡単に入れる

Icon Fonts

Image preview

Import Cost

プラグインのサイズを可視化する

IntelliCode

IntelliSence

これも必須

JavaScript(ES6) code snippets

Jest

Jest Snippets

JSON to TS

Keyboard QuickFix

Live Server

Browse Lite を使う

Log File Highlighter

Markdown All in One

マークダウンを使いやすくする

Markdown Checkboxes

markdownlint

Material Icon Theme

Move TS

Nim

Nim のコードハイライト

Node Dependencies

node-snippets

Node.js Modules Intellisense

npm Intellisense

Output Colorizer

これも必須

Partial Diff

Paste Image

Paste Json as Code

Path Autocomplete

Path Intellisense

Prettier

必須

Project Manager

React

Regex Previewer

Relative Path

Remote - SSH

Remote - SSH: Editing

rust-analyzer

Rust 書くなら必須

もっと Rust 勉強するぞ

Settings Sync

Sort JSON objects

Sort lines

Sort package.json

Split HTML Attributes

prettier みたいなやつ

要素が多い HTML タグを見やすく折り返せる

Svelte for VS Code

SVG

SVG はこれからもっと勉強したい

Svg Preview

Tabnine AI Autocomplete

補完を強くする

Tailwind CSS IntelliSense

Tailwind Docs

Tailwind Shades

Test Adapter Converter

Test Explorer UI

Thunder Client

必須

Todo Tree

必須

Total LInes

どれだけコードを書いたかわかる

Turbo Console Log

ほぼ必須

TypeScript Import Sorter

TypeScript Import

TypeScript + Webpack Problem Matchers

Vite

VSCode Neovim

VSCode で Neovim 使える

育てた init.vim の恩恵を受けられる

たまにカーソル固まったりする、、

Vue

Vue 3 Snippets

Vue Language Features(Volar)

必須

Vue Peek

VueDX

vuetify-vscode

Vuex Suggest

Wakatime

必要

Wallaby.js

YAML

yarn

zenkaku

Zenn Editor