오늘은 대기업 실무에서도 활용하는 VSCode 확장 프로그램들을 소개해 보았습니다. 그럼 모두 즐거운 코딩되시길 바랍니다 :)
⚠️ Bookmarks 익스텐션 설치 후, Turbo Console Log의 숏컷이 먹지 않는 이슈가 있습니다. Bookmarks의 숏컷과 충돌이 나기 때문인데요, 이 경우 각자 생각하는 우선순위에 따라 숏컷을 조정해주시면 되겠습니다.🙏🙏
⚠️ 04:30 쯤 녹음이 잘못된 부분이 있습니다. Ctrl + V가 맞습니다. 🙏🙏
1️⃣ 00:00 Code Spell Checker
링크: marketplace.visualstudio.com/...
1. 왼쪽 사이드바 검색창에 Code Spell Chekcer 검색
2. 최상단에 노출되는 익스텐션 설치
3. 오타 범위에서 제외하고 싶은 단어는 .vscode/settings.json에 cSpell.words 프로퍼티 추가하여, 배열에 해당 단어 추가
2️⃣ 00:46 Turbo Console Log
링크: marketplace.visualstudio.com/...
1. 왼쪽 사이드바 검색창에 Turbo Console Log 검색
2. 최상단에 노출되는 익스텐션 설치
3-1. 로그 찍고 싶은 변수 선택하여 Ctrl + Alt + L
3-2. Alt 누른 상태에서 다중 선택 후 Ctrl + Alt + L
3️⃣ 01:56 Bookmarks
링크: marketplace.visualstudio.com/...
1. 왼쪽 사이드바 검색창에 Bookmarks 검색
2. 최상단에 노출되는 익스텐션 설치
3. 북마크하고 싶은 소스 코드 왼쪽 여백에 오른쪽 마우스 클릭
4. Context Menu에서 Add Bookmark 클릭
5. 왼쪽 사이드바 북마크 아이콘 클릭하여, 리스트에 추가되었는지 확인
6. 북마크된 코드 클릭 시 해당 소스 코드로 바로가기 가능
4️⃣ 02:50 Project Manager
링크: marketplace.visualstudio.com/...
1. 왼쪽 사이드바 검색창에 Project Manager 검색
2. 최상단에 노출되는 익스텐션 설치
3. 북마크하고 싶은 프로젝트로 이동
4. 왼쪽 사이드바 폴더 아이콘 클릭하여, 저장 아이콘 클릭 (혹은 Save Project 버튼 클릭)
5. 북마크된 프로젝트 클릭 시 해당 프로젝트 바로 띄우기 가능
5️⃣03:49 Polacode
링크: marketplace.visualstudio.com/...
1. 왼쪽 사이드바 검색창에 Polacode 검색
2. 최상단에 노출되는 익스텐션 설치
3. Ctrl + Shift + P 입력하여 Command Palette 열기
4. Polacode 검색 후 클릭
5. 이미지화 하고 싶은 소스 코드 복사 후 Polacode view 한 번 클릭
6. 붙여넣기 후, 아래 셔터 버튼 클릭
7. 바깥의 하얀 여백 제거하고 싶은 경우, 익스텐션 설정으로 들어가 Polacode: Target 옵션을 snippet으로 변경