본문 바로가기
반응형

vscode12

[VSCode] HTML 기본 템플릿 자동완성 기능 사용하기 VSCode로 HTML 파일을 생성하면 처음에 역시 아무것도 존재하지않는데, HTML을 구성하는 태그들을 반복해서 작성하는건 매우 귀찮은 일이니 VSCode에서 제공하는 자동완성 기능을 사용해보자. 사용법은 매우 간단하다. 1. 우측 하단에 파일 형식이 HTML이 맞는지 부터 확인한다. (가끔 다른 형태의 HTML인 경우에는 자동완성 기능이 작동하지 않는다고 하니까 하는 확인절차다.) 2. 그리고 "!" 느낌표를 입력하고 엔터를 눌러주면... (저렇게 느낌표를 입력하고 자동완성 창이 나온 상태에서 엔터를 눌러주라는 의미이다.) * 추가적으로 "html:5"를 입력해도 가능하다 3. 기본 태그 자동 완성! 4. 그리고 필요에 따라 수정해서 사용하면 된다. (예를 들어 lang='en' 을 lang='ko'.. 2022. 3. 1.
[VSCode] 개발할 때 유용한 확장 프로그램 추천 (UPDATE: 2022-06-09) VSCode를 본격적으로 사용하기에 앞서 유용한 확장 프로그램 몇가지를 추가하고 시작해보자. (마지막 수정일자 : 2022.06.09 / 계속해서 추가할 계획... 이것저것 수집해보자) 확장 프로그램 검색 및 추가하기 위해서는 [Ctrl + Shift + x] 단축키를 눌러주거나, 좌측 메뉴에 무슨 블럭처럼 생긴걸 눌러주면 이동할 수 있다. 1. Korean(사용법) Language Pack for Visual Studio Code https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko Korean(사용법) Language Pack for Visual Studio Code - Visual Studio Mar.. 2022. 2. 28.
[VSCode] Visual Studio Code 다운로드 및 설치 - 소스코드 편집기 비주얼 스튜디오 코드 (VSCode)를 다운로드 및 설치하는 방법에 대해 알아보자. 우선 아래 링크를 통해 다운로드 부터 진행해주자. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 그럼 아래와 .. 2019. 3. 18.
반응형
TOP

티스토리툴바