본문 바로가기

VS Code

[VS Code] Prettier 플러그인 적용 안 될 때 아무리 찾아봐도 formatOnSave 를 frue로 하라는 글밖에 없을 때 오아시스를 발견했다. 설정에서 'Default Formatter'를 검색해보면 null로 되어있었다. >enbenp.prettier-vscode< 로 바꿔주기만 하면 된다. 이렇게 쉬운 걸..... 개고생을 하고 있었구나.. 싶다. 참고 https://nuggy875.tistory.com/110 더보기
[VS Code] VS Code 초기화 / VS Code reset VS Code 플러그인인 프리터가 전혀 먹질 않아 결국 삭제하고 다시 설치를 했다. 그런데 이전 설정이 모두 남아있어 난감한 상황이 됐다. 초기화 방법을 검색해보니.. 1. https://stackoverflow.com/questions/36108515/how-to-reset-settings-in-visual-studio-code 2. https://www.reddit.com/r/vscode/comments/922635/reset_to_default_settings/ 만약 윈도우 사용자가 아니라면 위 링크를 들어가 스스로 찾아봐야한다. 윈도우는 아래 방법으로 간단하게 가능 1. c\사용자(혹은 user)\Administrator(혹은 사용자 이름)\.vscode 폴더 삭제 2. c\사용자(혹은 user).. 더보기
VSCode 유용한 단축키 일치하는 텍스트 찾기 Ctrl + F 일치하는 텍스트 바꾸기 Ctrl + R 파일 찾기 Ctrl + 라인 또는 멀티라인 삭제하기 Ctrl + Shift + K 라인 위 또는 아래로 이동하기 Alt + 방향키 한 줄씩(Line) 주석 토글하기 Ctrl + / (ex: // ) 멀티라인 주석 토글하기 Shift + Alt + A (ex: /* .... */) 현재 줄 선택하기 Ctrl + L 또는 Shift + 방향키 탭 이동하기 Tab 탭 반대 방향으로 이동하기 Shift + Tab 현재 탭 닫기 Ctrl + W 들여쓰기(Indent) Ctrl + [ or ] 현재 커서가 위치한 단어 모두 선택하기 : Ctrl + F2 현재 커서가 위치한 단어를 하나씩 연속 선택하기 : Ctrl + D 커서 여러개 만들기.. 더보기
[VS Code] 확장 플러그인 및 기본 설정 1) Korean Language Pack for Visual Studio Code - 한국어버전으로 VS code를 사용할 수 있도록 해주는 플러그인 2) Prettier - Code formatter - HTML, 자바스크립트, 타입스크립트, CSS 등 다양한 언어 형식을 잡아줌 - 코드를 보기 좋게 정해진 코딩 컨벤션대로 정렬해주는 도구 3) Atom Keymap Atom에서 자주 사용하는 바로 가기 키를 사용할 수 있음 4) Settings Sync - github에 VS Code Setting을 올리고 다운받을 수 있음 - Setting Sync 업로드 shift + alt + U - Setting Sync 다운로드 shift + alt + D 5) Auto Rename Tag - html 시작.. 더보기
Visual Studio Code에서 git 자동 로그인 설정/변경 하기 (+github token) Visual Studio Code에서 git 명령어를 사용하다보면 id와 pw를 계속 물어보는데 (설정 자동 업로드를 해놨다면 매우 빈번하게..) 이 때 id/pw 설정을 자동 저장 하고 싶으면 터미널창에서 아래 명령어를 입력하면 된다. git config --global credential.helper store 이후에 id와 pw를 한 번만 입력하면 로그인 정보가 로컬 디스크에 저장되어서 자동으로 인증 된다고 한다. 참고) https://git-scm.com/docs/git-credential-store 만약 이미 정보가 있는데 바꾸고 싶다면 어떻게 해야할까? 이미 있는 정보를 삭제하고 다시 설정하면 된다. git config --unset user.name git config --unset user.. 더보기
[VS Code Extensions] Setting Sync 사용법 VS Code 설치시 기기 간의 설정이 달라서 매번 설정을 맞춰줘야하는 번거로움을 없애봅시다. Settings Sync 를 이용하면 설정, 키바인딩, 코드조각 폴더 및 익스텐션 정보 등을 동기화할 수 있습니다. https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync Settings Sync - Visual Studio Marketplace Settings Sync Previously known as Visual Studio Code Settings Sync Support While being free and open source, if you find it useful, please consider supporting it .. 더보기