본문 바로가기

Visual Studio 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 시작.. 더보기
[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 .. 더보기
[Visual Studio Code] mac에 VS Code, node, npm 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 사이트로 들어갑니다. 화면 왼쪽에 있는 다운로드 또는 우측 상단의 다운로드를 눌러주세요. 설치가 완료되면 Visual Studio Code.exe가.. 더보기