반응형 vscode3 VSCode | Live Preview | 실시간으로 html 확인하는 방법 실시간으로 html 확인하기 html 작성을 하면서 의도한 대로 작성이 되었는지 확인하기 위해 빈번하게 브라우져를 켜는 일이 생기곤 한다. 많이 작성하고 한 번씩 볼떄는 그래도 할만한데 한 가지를 수정하기 위해 매번 브라우저와 에디터를 옮겨다니는 건 여간 번거로운일이 아니다. 본 포스팅에서는 그 문제를 깔끔하게 VSCode 내에서 해결하는 방법에 대해 소개하려고 한다. Live Preview 원하는 기능을 제공하는 Extension은 "Live Preview"이다. 설치 방법 VS 코드를 실행했을 때 왼편 맨 아래 사각형 4개 모양의 아이콘을 누르면 EXTENSIONS 메뉴가 뜨면서 검색어 입력창을 찾을 수 있다. 이 검색창에 "live preivew"라고 검색한다. 첫 번째 파란색 아이콘의 Live .. 2022. 7. 15. 20:22 IDE | VS Code | 맥에서 C/C++ 프로그래밍 환경 구축하기 IDE | Visual Studio 2022 for Mac 설치 및 C++ 빈프로젝트 실행 가능한가 IDE 통합 개발 환경 IDE는 Integrated Development Envitonment의 첫 글자를 줄여 말한 것으로 우리말로는 통합개발환경이라고 말할 수 있다. 평소에 IDE가 개발 환경이라고 하니까 어떤 세팅 정도라고 생각 zyngirok.com 이전에 Visual Studio를 통한 맥용 C/C++ 개발환경을 구축하려다 실패하였다. 이번엔 Visual Studio Code, 줄여서 VS Code를 사용하여 맥에서 C/C++ 개발을 위한 환경을 구축해 보려고 한다. VS Code 설치 VS Code가 설치되어 있지 않다면 설치를 해야 한다. 본 글에서는 VS Code 설치는 다루지 않겠다. 프로.. 2022. 6. 23. 18:00 VSCode | 가로 스크롤 없애기 위한 자동 줄바꿈 기능 켜는 방법 문제점 코드를 길게 작성하고 많이 작성하면 가로 세로 정신없이 스크롤을 해야 한다. 다양한 방향으로 스크롤 해야 하는 번거로움이 있다. 원인 코드를 화면에 맞춰서 자동 줄바꿈 해주는 기능이 켜져 있기 않기 때문이다. 해결책 VSCode에서 가로 자동 줄바꿈 기능 이름이 "word wrap"이다. 워드랩 기능을 켜주면 가로스크롤에서 벗어날 수 있다. 1. Settings VSCode가 실행된 상태에서 왼쪽 위쪽에 애플 로고 옆 Code가 위치해 있다. Code > Preferences 경로를 따라가 Settings에 들어간다. 혹은 단축키 "command + , "를 이용할 수 있다. 2. Word Wrap 켜기 Settings에서 검색창에 "word wrap"을 검색하면 다음과 같은 메뉴가 뜬다. 여기서.. 2022. 2. 9. 19:45 이전 1 다음 반응형
