본문 바로가기

Visual Studio Code4

Visual Studio Code의 유용한 설정 세팅방법 총정리 안녕하세요. 혀코입니다. 이번 시간에는 Visual Studio Code의 유용한 설정 세팅방법에 대해서 총정리 해보겠습니다. 우선 Visual Studio Code에서 Setting 값을 변경하려면, File > Preferences > Settings 에서 변경하실 수 있습니다. # 자동 저장 기능 설정 (Auto Save) 소스코드를 거의 다 완성했는데 저장을 하지않고 프로그램을 종료했다면 어떻게 될까요. 몇시간 동안의 노력이 수포로 돌아가고 그 만큼의 시간동안 더 일을해야하고 야근을 하게되는 불상사가 일어나겠죠. 이런 불상사가 일어나지 않도록 자동 저장 기능 설정을 사용하는 것을 추천 드립니다. 해당 설정은 File > Preferences > Settings > Commonly Used 에서 찾.. 2022. 8. 29.
[Visual Studio Code] HTML 시작 태그와 종료 태그 한번에 업데이트 하는 방법 안녕하세요. 혀코입니다. Visual Studio Code를 사용해서 HTML 파일을 작성할 때 보면, 시작 태그를 변경하고 종료 태그도 변경해야하는 번거로움이 있습니다. 그래서 이번 시간에는 Visual Studio Code에서 HTML의 시작 태그와 종료 태그를 한번에 업데이트 하는 방법에 대해서 알아보겠습니다. 한번에 시작태그와 종료태그를 한번에 업데이트 하려면 Visual Studio Code의 Setting에서 다음과 같이 Linked Editing 옵션에 체크표시를 해줘야 합니다. 이렇게 하면 HTML 파일에서 시작태그를 변경하면, 종료 태그도 함께 변경되는 것을 확인하실 수 있습니다. 이렇게 Visual Studio Code에서 HTML의 시작 태그와 종료 태그를 한번에 업데이트 하는 방법에.. 2022. 8. 22.
Visual Studio Code Plugin - Live Server - 새로고침 없이 자동 업데이트 안녕하세요. 혀코입니다. 이번 시간에는 Visual Studio Code의 플러그인 Live Server에 대해서 알아보겠습니다. Live Server를 사용하면, 웹사이트 개발을 진행할때, 소스를 저장하고 웹 브라우저로 이동해서 F5를 눌러 새로고침을 할 필요없이 자동으로 새로 저장된 소스를 보여줍니다. 따라서 더 빨리 개발을 진행할 수 있다는 장점이 있습니다. 플러그인을 설치하는 방법은 플러그인 하단에 install 버튼을 클릭하시거나, 윈도우에서 Ctrl + P 단축키 또는 맥에서 Command + P 단축키를 누르고 ext install ritwickdey.liveserver 명령어를 치면, Live Server 플러그인을 설치할 수 있습니다. 플러그인을 실행하는 방법은 html 파일을 작성하고,.. 2020. 7. 30.
[프로그램] Visual Studio Code - 프로그래밍 텍스트 에디터(IDE) 안녕하세요. 휴고입니다.오늘은 최근 많이 쓰이는 프로그래밍 텍스트 에디터 "Visual Studio Code"에 대한 정보를 공유하고자 블로그를 써봅니다.Visual Studio Code는 MS에서 제작한 프로그래밍 텍스트 에디터입니다. Visual Studio Code 다운로드 https://code.visualstudio.com/그동안 여러가지의 프로그래밍 텍스트 에디터를 많이 사용해 봤는데요. 이번에 외부 프로그래밍 강의를 받다가 사용해본 Visual Studio Code는 사용자 인터페이스도 간결하고 여러가지 기능도 지원하게 되어 요즘은 Visual Studio Code를 사용하여 프로그래밍 연습을 하고 있습니다. 가격도 무료이고, 지원하는 프로그래밍 언어도 많이 있습니다. 지원하는 프로그래밍 언.. 2017. 11. 27.