[vs] Visual Studio Code 설치 및 플러그인 + 확대축소 + 테마 변경하기

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

Visual Studio Code 추천 플러그인 목록

1. Live Server (실시간 미리보기)

2. indent-rainbow (들여쓰기 위치 표시)

    "indentRainbow.indicatorStyle": "light",
    "indentRainbow.lightIndicatorStyleLineWidth": 1,
    "indentRainbow.colors": [
        "rgba(255,255,64,0.5)",
        "rgba(127,255,127,0.5)",
        "rgba(255,127,255,0.5)",
        "rgba(79,236,236,0.5)"
    ],

3. Auto Rename Tag (시작 태그명 변경 시 닫기태그 이름 동시 변경)

4. px to rem & rpx & vw (cssrem) (px단위를 rem단위로 변경하기)

px -> rem (Alt + z)
rem -> px (Alt + z)
px -> rpx (Alt + r)
rpx -> px (Alt + r)

5. 마우스로 화면 확대 축소하기 :

왼쪽 하단(아래) 아이콘 클릭해서 환경설정 들어가고 user - text 항목에서 ctrl + F로 mouse wheel 검색 후 체크

6. 테마 변경하기

왼쪽 하단(아래) 아이콘 클릭해서 color theme 선택하기

Comments, Trackbacks