vscode-icons 확장에 대해 간단하게 알아보겠습니다. Visual Studio Marketplace에서 확인할 수 있습니다. 이 글은 v11.10.0 버전을 기준으로 작성되었습니다. 세 줄 요약 파일명, 폴더명 등에 따라 적당한 아이콘으로 표시됩니다. vsicons.dontShowNewVersionMessage는 true로 설정! 아이콘 테마 기존에 쓰고 있는 게 따로 없다면 꼭 한 번 써 보세요 기능 커맨드 팔레트에서 Preferences: File Icon Theme을 선택, VSCode Icons를 선택하면 활성화됩니다. 파일 익스플로러에서 파일명, 폴더명에 따라 적당한 아이콘으로 보여줍니다. (지원하는 파일명/폴더명은 각 링크를 참고해 주세요) 여러 종류의 파일이 있을 때 (여러가지 툴의 ..
Code Spell Checker 확장에 대해 간단하게 알아보겠습니다. Visual Studio Marketplace에서 확인할 수 있습니다. 이 글은 v2.1.6 버전을 기준으로 작성되었습니다. 세 줄 요약 코드에서 자동으로 영어 스펠링 검사, 이상한 부분 강조 표시 단어를 직접 사전에 추가할 수 있음, workspace settings에 추가하는 걸 권장 큰 파일을 열었을 때는 많이 느려질 수도 있어요! 기능 코드에서 스펠링이 틀린 부분을 찾아서 강조해줍니다. 오타를 쉽게 발견할 수 있습니다. 저 문제의 Quick Fix에서 비슷한 단어를 보고, 바로 그 단어로 수정할 수 있습니다. 그런데 오타가 아니라면? 예를 들어 프로젝트 이름이 wrold일 수도 있겠죠? 그런 경우에는 그 단어를 사전에 직접 추..
SynthWave '84 테마에 대해 간단하게 알아보겠습니다. Visual Studio Marketplace에서 확인할 수 있습니다. 이 글은 v0.1.11 버전을 기준으로 작성되었습니다. 세 줄 요약 무지개색, 반짝이는 테마! 정말 예뻐요. 제가 쓰는 테마고, 강력 추천합니다 :+1: 코드 반짝이는 건 커맨트 팔레트에서 SynthWave '84: Enable Neon Dreams로 활성화 활성화를 하면, vscode의 내부 파일을 수정해요. 물론 안 해도 쓸 수 있어요 :) 사용법 이 테마는 특별히 설치하면 바로 모두 적용되는 게 아니라 SynthWave '84: Enable Neon Dreams 커맨드를 실행해서 활성화를 해야 합니다. (활성화 후 재시작이 필요합니다.) 활성화와..
Auto Close Tag 확장에 대해 간단하게 알아보겠습니다. Visual Studio Marketplace에서 확인할 수 있습니다. 이 글은 v0.5.14 버전을 기준으로 작성되었습니다. 세 줄 요약 XML 스타일의 여는 태그를 작성하면 닫는 태그를 자동으로 만들어줍니다. HTML이나 XML, JSX같은 코드를 작성할 일이 있다면 추천합니다. 개인적으로 "auto-close-tag.SublimeText3Mode": true 설정 추천 기능 여는 태그를 입력하면 닫는 태그를 자동으로 추가해줍니다. 그렇게 자동으로 닫는 태그가 생기면, 커서는 태그 사이에 놓입니다. Sublime Text 3 스타일로 닫을 수 있다는데, 이건 좀 있다 알아봐요~ 입력할 때만 아니라 원할 때 호출할 수 있도록 커맨드와 단축..
첫 vscode 확장 리뷰 글이네요. indent-rainbow 확장을 소개하겠습니다. 테스트로 html 파일을 만들어봤습니다. git 저장소는 여기에서 볼 수 있습니다. 의도적으로 들여쓰기를 많이 하긴 했지만... 실제로 이런 수준의 들여쓰기를 흔히 볼 수 있습니다. 이 코드의 경우에는 ul이나 하나만 지우려고 해도 ul 안에 li 안에 ul 안에 li 안에 ul 안에 li 안에 ... 들여쓰기가 잘 된 상태라도 실수로 엉뚱한 ul을 닫는 태그까지 지워버릴 수도 있습니다. 이럴 때 indent-rainbow 확장이 매우 유용합니다. indent-rainbow는 들여쓰기 수준에 따라 들여쓰기에 무지개 색을 입혀주는 확장입니다. marketplace에서 indent-rainbow 확장을 받아주세요. 들여쓰..