확장 기능 공통 사항

Visual Studio Code 설정 우선 순위
기본 설정 < 사용자 설정 < 작업 공간 설정

Prettier - Code formatter

코드 성형 도구로 파일을 저장할 때 자동 성형할 수 있습니다.
성형 잊어 리포지토리가 더러워지는 것을 방지할 수 있기 때문에, 팀에서 버전 관리하는 경우는 필수일지도.

자동 성형 설정 절차

초기 설정 상태에서는 자동 성형이 무효로 되어 있으므로, 이하의 순서로 기능을 유효하게 한다.

Settings 메뉴를 엽니다. (Windows : CTRL + ,)

editor.defaultFormatter 에서 Prettier - Code formatter 를 선택합니다.

Format On Save 에 체크를 한다.

Prettier 에서 검색하여 필요에 따라 적중한 성형 규칙을 설정합니다.

※설정 규칙은 프로젝트의 루트 바로 아래에 「.prettierrc」파일을 배치하는 것으로도 반영 가능

디버그 관계

Debugger for Chrome

편집기 관계

indent-rainbow

Brackets Pair Colorizer

Marp for VS Code

마크다운 뷰어

pdf나 파와포로 출력할 수 있다.

git의 README를 쓸 때도 사용할 수 있다.

Qiita로 쓴 투고를 파워포로 변환할 때에도 사용할 수 있다.

장식

vscode-icons

Trailing Spaces
말미의 스페이스에 하이라이트를 넣을 수 있지만, 전각 스페이스에는 미 대응…
파일을 저장할 때 후행 공백을 자동으로 삭제 가능Prettier - Code formatter 에서 기능을 포함하기 때문에 더 이상 필요하지 않습니다.

원격 개발

Remote - WSL

Remote - SSH

버전 관리 관계

Git History

Git Graph

GitLens — Git supercharged

편집기 코드에 언제 · 누가 커밋했는지에 대한 개요가 표시됩니다.

스니펫 관계

HTML 스니펫

Japanese Language Pack for Visual Studio Code

VSCODE 일본어화

Unity용 설정

이 기사가 도움이됩니다.