Notice
Recent Posts
Recent Comments
Link
«   2024/04   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
Tags more
Archives
Today
Total
관리 메뉴

web sprit

[VSCode] 익스텐션(Extension) 추천 본문

Tool/VS Code

[VSCode] 익스텐션(Extension) 추천

커드만 2021. 2. 9. 09:42

VSCode 익스텐션 설치 경로 : 
C:/Users/사용자이름/.vscode/extensions 

 

IntelliSense for CSS class names in HTML - Visual Studio Marketplace

Extension for Visual Studio Code - CSS class name completion for the HTML class attribute based on the definitions found in your workspace.

marketplace.visualstudio.com

작업영역안에서 정의된 클래스(class)명을 자동완성으로 보여줍니다.
좋은점은 비슷한 클래스명의 분류를 도와줄 뿐만 아니라 중복클래스를 피할 수 있기때문에 
매우 유용하다 생각이 듭니다.

 

vscode-icons - Visual Studio Marketplace

Extension for Visual Studio Code - Icons for Visual Studio Code

marketplace.visualstudio.com

사이드바 영역의 파일이나 폴더의 아이콘을 표시해 줍니다.
각 파일의 확장자에 해당하는 아이콘을 제공해주어 보다 직관적으로 파일을 확인할 수 있습니다.
적용방법은 매우 친절하게 설명 되어 있지만 다시한번 말씀 드리면
File > Preferences > File Icon Theme > VSCode Icons
를 선택하며 바뀐화면을 확인할 수 있습니다.

 

px to rem - Visual Studio Marketplace

Extension for Visual Studio Code - Converts px to rem, and vice versa

marketplace.visualstudio.com

px을 rem으로 
rem을 px 로 변경해주는 익스텐션

저작자표시 비영리 변경금지

'Tool > VS Code' 카테고리의 다른 글

[VS Code] 마우스 올렸을때 설명 툴팁 팝업 제어방법  (0) 2022.02.04
[VSCode] 유용한 단축키 및 단축키 설정  (0) 2021.02.23
[VSCode] 자동줄바꿈 설정하기  (6) 2021.02.08
[VSCode] 더블클릭으로 선택영역 범위 넓게 잡기.(- 대시 까지 선택하기)  (0) 2020.07.13
[VSCode] 명령팔레트로 Emmet 사용하기(Emmet wrap with abbreviation).  (0) 2020.06.10
닫기
공유하기 링크
'Tool/VS Code' Related Articles more
Comments