VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.
링크 : https://marketplace.visualstudio.com/items?itemName=philsinatra.nested-comments
원래 주석을 유지하고 코드 섹션에서 주석을 신속하게 토글 할 수 있게 해줍니다.
예제들
HTML 구문
<main>
<div class="container">
<h2>Hello World</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<!-- <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p> -->
</div>
</main>
Becomes:
<!-- <main>
<div class="container">
<h2>Hello World</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<!~~ <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p> ~~>
</div>
</main> -->
example {
/* display: flex; */
transition: all 0.5s;
/* user-select: none; */
background: linear-gradient(to bottom, white, black);
}
Becomes:
/*.example {
/~ display: flex; ~/
transition: all 0.5s;
/~ user-select: none; ~/
background: linear-gradient(to bottom, white, black);
}*/
Usage
확장 프로그램을 실행하려면 주석 처리 / 주석 해제할 텍스트를 강조 표시해야 합니다.
Default Keybindings
- Mac: cmd + alt + /
- Windows: ctrl + alt + /
Extension Settings
다음 언어가 지원됩니다.
- asp
- cfm
- css
- htm
- html
- jsx
- md
- njk
- php
- svg
- tsx
- twig
- vue
- xml
- xsl
* 버젼 2.2.6 으로 PHP 에서 사용시 주석처리에 문제가 발생 할수도 있습니다.
'기타' 카테고리의 다른 글
Auto Comment Blocks - 자동 주석 (0) | 2018.12.08 |
---|---|
Remote Workspace - 원격 작업 (0) | 2018.12.06 |
sftp - FTP/SFTP 파일/디렉토리 동기화 (0) | 2018.11.16 |
Docker Explorer - 도커 컨테이너, 이미지 관리 (0) | 2018.10.30 |
Docker - 도커 작성, 관리 및 배포 확장 (0) | 2018.10.30 |