본문 바로가기
반응형

vscode3

PHP 사용을 위한 VSCode 기본 설치 내용 PHP 사용을 위한 VSCode 기본 설치 내용   지난 포스팅에서 XAMPP 설치과정을 다뤘습니다.가장 먼저 PHP 구동을 위해 로컬서버 환경을 구성하는 과정이었습니다. XAMPP 설치(ft. Local에서 PHP를 사용할 일이 생겼...)XAMPP 설치방법 PHP를 조금 학습하고 돌려볼 일이 생겼습니다. 서버에 직접 붙어서 작업을 할 수도 있겠지만, 전통적으로(?) 테스트 서버환경을 Local 환경으로 구성하고 진행하는 것이 클래식한kincoding.com 로컬서버가 만들어졌다면, PHP 개발을 위한 환경도 세팅을 해줘야 합니다.다양한 방식들이 존재하겠지만, VSCode를 사용하는 저로서는 XAMPP 설치 이후의 VSC의 세팅을 메모해두고자 합니다.  PHP를 실행해보자 - Hello World VS.. 2024. 5. 16.
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.
반응형