반응형 VSC3 VSCode 코드 글자 확대 - Ctrl + Mouse Wheel 줌 세팅하기 VSCode 코드 글자 확대 - Ctrl + Mouse Wheel 세팅하기 업무를 위해서는 이제 듀얼 모니터 사용이 디폴트가 된 시대 같은데요, 얼마 전 구매한 포터블 모니터로 노트북고 함께 작업을 하곤 합니다. 포터블 모니터는 15인치에 해상도가 2560 x 1600 이다보니, 1:1 비율에서 글자가 매우 작게 보이더라구요. 깨알 같은 코드들을 살펴보자니.. 어이쿠 눈이야... 싶습니다. 윈도우에서 디스플레이 배율을 높이는 방법도 존재하지만, 이렇게 하면 디자인 작업할 때는 또 눈대중이 많이 달라지더라구요. 그래서~! VSCode에서 코딩을 할 때만, 가독성을 위해 글자를 키워서 사용하곤 합니다. Ctrl + / Ctrl - 컨트롤키(Ctrl)를 누른 채로 플러스(+) 키를 누르면 화면이 확대되고, 컨.. 2023. 1. 13. prettier 설정 - 닫기 태그 괄호 > 가 따로 표시될 때(ft. 코드를 한줄로) VSCode에 익스텐션을 설치해서 사용을 하다보면 편리하기도 하지만 코드 포맷팅 형식이 너~무 나랑 달라서 코드 가독성에 혼란을 겪는 경우가 생길 수도 있습니다. 저의 경우에는 Prettier를 설치한 후 저장할 때 마다 코드를 자동으로 포매팅을 해주는 형태로 사용중인데 VSCode설정은 이렇게 해줍니다. Settings에 들어가서(Ctrl + 콤마) 디폴트 포매터를 Prettier로 선택. 스크롤을 내리다 보면 Forat On Save 항목에 체크. 그러면, 코드 작성을 하다가 저장(Ctrl + S)를 누를 때 마다 지저분한 코드를 자동으로 정렬해줍니다. 이 또한 은혜롭지 않은가!!. 자동정렬 세팅이 안 되어 있는 경우에는 매번 수동으로 [ Shift + Alt + F ] 를 눌러줬더랬습니다. 기존까지.. 2022. 11. 30. VSC(Visual Studio Code) Language = ko 세팅하기 최근에는 VSC(Visual Studio Coode)를 자주 사용하고 있습니다. 물론 사용 목적에 따라서 Sublime Text나 Atom을 사용할 때도 있습니다. VSC를 사용하면서 Emmet을 이용해 HTML 문서를 생성하다보면 자동생성된 부분을 로 변경하곤 합니다. 매번 변경하는 게 귀찮아서 세팅하는 방법을 메모해 놓아봅니다. 새 파일을 하나 만들고 !(느낌표) 찍고 Tab 키를 누르면 Emmet에 의해 아래처럼 HTML 템플릿 코드가 자동생성됩니다. 정말 편한 기능이죠. 그런데, lang="en" 으로 표시됩니다. en은 당연히 english의 약자. 비영어권의 불편함(?) 같은 거죠 뭐 그냥 사용해도 크게 무리는 없지만, 그냥 습관적으로 랭귀지를 ko로 타이핑 하고 변경해서 사용해왔습니다. 같은.. 2022. 11. 21. 이전 1 다음 반응형
