반응형

코딩 3

VS Code 필수 확장 프로그램! Prettier 설정하고 단축키 바꾸기(js,css,html등 자동정렬 확장프로그램)

원래의 Prettier 단축키는 ctrl + alt + p? 인가 그런데자신이 쓰고싶은 걸로 바꾸려면 아래처럼 하면 된다! 1. Prettier 다운 및  설치2. 설정(ctrl+,) 에서  default formatter 검색하여 Prettier 로 설정3. 키보드 설정 (바로가기) ctrl+k ctrl+s 에서 Format Document 검색하여키 바인딩 : Ctrl + Shift+  B 변경(나는 위 바인딩이 편해서 이렇게 씀)  이렇게 prettier 설정에서 (확장 프로그램 목록의 톱니바퀴 아이콘 클릭)TAB 가로 폭도 바꿀수있다! (기본이 2이라서 나는 4로 변경)

🛠️ Dev. 2024.12.20

VS code 코딩프로그램 배경화면테마 바꾸기 (테마적용)(+초보자용 .json 설정값)

1. 아래의 사이트 or 프로그램 내부에 background 를 검색하여 프로그램을 받습니다. marketplace.visualstudio.com/items?itemName=shalldie.background visual studio 내부의 마켓플레이스에서 검색할시 동방프로젝트 캐릭터, 마리사가 반겨주네요! (역시 동덕들;; 어마무시한 기술력...) 2. 설치 후 톱니바퀴 버튼을 눌러 확장설정에 진입합니다. 3. '기존이미지를 사용?' (동프덕후라면 사용할만도?) 체크박스를 사진과 같이 해제 해줍니다. 이후에 편집링크를 클릭하여 .json에 진입합니다. 4. 스크린샷에 나온것처럼 사진이 들어있는 위치를 잡아줍니다. ※ 파일명에 한글 들어가면 안됩니다. background position(사진을 어디에 띄..

🛠️ Dev. 2024.01.04

VS Code 초보팁! 태그 자동완성 끄는법 (IntelliSense 끄기)

주황색 charset이 보이시나요? 인텔리센스의 자동완성기능입니다. 자꾸 태그나 다른것들이 자동완성으로 뜨면 기본코드를 외우는거 조차 쉽지 않죠 (꿀기능이지만 끄고싶은 초보도있죠ㅎㅎ) 그래서 이렇게 설정 (ctrl+;)에 가서 IntelliSense를 검색한후 관련 체크 박스를 모두 해제하면 된답니다. (속성제한 해제는 꼭 하셔야 기본적인 태그가 안뜹니다~)

🛠️ Dev. 2024.01.04
반응형