안녕하세요 오늘은 비주얼 스튜디오 코드를 한글로 바꾸는 방법과
한 가지 유용한 확장 플러그인을 알려드릴까 합니다.
그럼 바로 알아보도록 하겠습니다.
먼저 한글 에디터로 바꾸는 방법부터 알아보겠습니다.
비주얼 스튜디오 코드를 실행한 다음
아래 사진처럼 좌측 Extensions를 클릭해주시거나
단축키
Ctrl + Shift + X
실행시켜줍니다.
이후 검색 부분에다가 korean을 입력해주면
다음처럼 나오는데 install를 눌러주시면 됩니다.
설치를 완료하면 아래에 재시작을 할 것인지 나오게 되는데요
Restart를 눌러주면 자동으로 한글 에디터로 변경돼서 실행됩니다.
이렇게 한글버전으로 잘 바뀐 것을 확인하실 수 있습니다.
이번엔 간단하게 유용한 확장 플러그인 하나를 소개해드리고자
하는데요, html 작성 도중에 특정 단어만 css를 바꾸고 싶다
예를 들어 대한민국 이 단어에서
각각 색깔을 입혀주고 싶다 할 때 일일이 다 span이나 p태그를 붙여주면
약간 번거로운 이때 사용하기 유용합니다.
약간의 시간을 절약하게 되는 것이죠
이번에도 마찬가지로 Extensions 클릭해주신 다음
검색 창에 htmltagwrap를 입력해줍니다.
저는 이미 설치한 상태라서 저렇게 설정 버튼이 나오는데요, 이 전에도 설명드렸듯이,
설치를 하지 않으면 한글 버전으로 변경할 때처럼 Install 버튼이 나오고
저처럼 설치를 이미 했다면 이렇게 설정 버튼이 나오게 됩니다.
이후 설치가 완료되었다면, html 문서로 가서
중간에 변경하고 싶은 부분에 가서 마우스로 드래그해줍니다.
예를 들어 다음과 같은 코드가 있을 때,
<div>안녕하세요 반갑습니다. 그럼 이만</div>
그럼 부분을 마우스로 드래그해서 묶어줍니다.
그다음 Alt + W를 눌러주면
p태그로 묶어주게 됩니다.
이렇게 해서 태그 이름을 바꿔주시거나 또는 클래스를 붙여,
css에서 변경해주시면 특정 단어만 css를 다르게 적용할 수 있습니다.
'프로그래밍 > JavaScript' 카테고리의 다른 글
JavaScript 함수선언 방식 (익명함수) / addEventListener 이벤트 (0) | 2021.09.14 |
---|---|
JavaScript var let const 차이점 (0) | 2021.09.14 |
visual Studio Code Live server / 비주얼 스튜디오 코드 라이브 서버 (0) | 2021.08.23 |
javascript / 자바스크립트 / textContent innerHTML value 차이 (0) | 2021.08.22 |
javascript / 자바스크립트 아이디로 가져오기 / 아이디로 텍스트 변경하기 / getElementById / innerHTML / textContent (0) | 2021.08.22 |