노력하는 개발자 노력하는 개발자

Tool/VSCode&Cursor

• VSCode/FormatOnSave 설정

  Tool/VSCode&Cursor 2022. 10. 19. 10:53

  저장과 동시에 css 및 js 등의 포멧을 잡기위해 설정 Format On Save 설정 Format On Save 체크 config 확인 프로젝트에 종속되도록 workspace settings.json 추가되어 있다. settings.json { ... "editor.formatOnSave": true, ... }

  Read More
• VSCode/Prettier - Code formatter을 default 로 지정

  Tool/VSCode&Cursor 2022. 10. 19. 10:46

  Extensions 열기 Prettier - Code formatter Install 기본으로 포멧팅 설정 프로젝트에 종속되도록 workspace settings.json에 추가 config 확인 프로젝트에 종속되도록 workspace settings.json 추가되어 있다. settings.json { ... "editor.defaultFormatter": "esbenp.prettier-vscode" ... }

  Read More
• VSCode/PostCss Sorting - css auto format

  Tool/VSCode&Cursor 2022. 10. 19. 10:35

  Extensions 열기 PostCSS Sorting Install 단축키 설정 위와 같이 단축키 지정을 통해서 사용 가능하지만 필자는 아래 포스팅과 같이 저장시에 포멧팅이 되도록 진행하였다. VSCode/FormatOnSave 설정 VSCode/FormatOnSave 설정 저장과 동시에 css 및 js 등의 포멧을 잡기위해 설정 Format On Save 설정 Format On Save 체크 config 확인 프로젝트에 종속되도록 workspace settings.json 추가되어 있다. settings.json { ... "editor.formatOnSave": true, ... dchkang83.tistory.com config 설정 프로젝트에 종속되도록 workspace settings.json에..

  Read More
• VSCode/GitLens - IntelliJ 형태의 annotate 보기

  Tool/VSCode&Cursor 2022. 10. 19. 08:14

  Extensions 열기 GitLens — Git supercharged 설치 GitLens: Open Settings Hovers 변경 Hovers에서 AShow hovers for the current line option 변경 annotaion 확인 Dates & Times 설정 GitLens: Open Settings 에서 Dates & Times 클릭 Date format 설정 단축키 설정 단축 키 설정 화면 열기 단축키 설정 Annotation format 설정 File Blame 설정 GitLens: Toggle File Blame 열어보기 단축키로도 열어볼수도 있지만 아래와 같이 클릭 후 확인이 가능하다. (다시 누르면 닫힘) 참조) https://www.youtube.com/watch?v..

  Read More
• VSCode/단축키

  Tool/VSCode&Cursor 2022. 10. 12. 17:10

  기본⇧ : Shift⌃ : Controll⌥ : Option⌘ : CommandHome : fn + ←End : fn + →Page Up : fn + ↑Page Down : fn + ↓  단축키구분맥 연결 키보드맥윈도우Comment코드 자동 정렬Shift + Alt + F⇧ + ⌥ + F  import 정리Ctrl + Alt + O⌃ + ⌥ + O import 순서 & 불필요한 import 제거여러행 선택Shift + Alt + Drag⇧ + ⌥ + Drag 마우스로 선택 지정참조 이동    css-compactShift + Alt + F  css 한줄로 변환  참조) https://zuyo.tistory.com/902 비주얼 스튜디오 코드(Visual Studio Code) 단축키 (Mac, Windo..

  Read More
• VSCode/설치 및 설정

  Tool/VSCode&Cursor 2022. 10. 6. 14:30

  Visual Studio Code Download 필자는 Apple Silicon 버전을 다운로드 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.c..

  Read More
• VsCode + Java 빌드 안될때

  Tool/VSCode&Cursor 2022. 7. 23. 15:26

  1. Java Clean Command + Shift + P >Java: Clean Java Language Server Workspace Restart and delete 2. (해결안된다면) Gradle for Java Install Shift + Command + X Gradle for Java settings.gradle -> 열기 -> 조금 변경하고 저장

  Read More
• VsCode + SpringBoot 개발설정

  Tool/VSCode&Cursor 2021. 3. 17. 17:20

  개발 스펙   ㄴ VSCode + SpringBoot + Maven + OpenJDK 16 1. 무료 OpenJDK 설치 (아래 사이트가 설명이 잘되어 있네요)1.1. window설치방법 : https://recipes4dev.tistory.com/1731.2. mac설치방법 : https://dchkang83.tistory.com/29 2. Visual Studio Code 설치code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applicati..

  Read More