[Visual Code][확장] VSCode Progressive Increment

VSCode Progressive Increment 설치 및 사용 방법

 

Progressive Increment는 Visual Studio Code(VSCode)에서 숫자 값을 점진적으로 증가시키거나 감소시키는 확장 기능입니다. 이를 사용하면 코드 내에서 반복적으로 사용되는 숫자를 빠르게 수정할 수 있습니다.

---

1️⃣ Progressive Increment 확장 프로그램 설치

1. VSCode 실행
2. 왼쪽 사이드바에서 Extensions(확장) 아이콘 클릭 (Ctrl + Shift + X)
3. 검색창에 Progressive Increment 입력
4. Progressive Increment 확장을 찾아 설치(Install) 버튼 클릭

---

2️⃣ Progressive Increment 사용 방법

🔹 기본 단축키

기능 단축키 (Windows/Linux) 단축키 (Mac)

숫자 증가 (+1)	Ctrl + Up	⌘ + ↑
숫자 감소 (-1)	Ctrl + Down	⌘ + ↓
10씩 증가 (+10)	Shift + Ctrl + Up	⇧⌘ + ↑
10씩 감소 (-10)	Shift + Ctrl + Down	⇧⌘ + ↓

---

🔹 사용 예시

✅ 기본 증가/감소

1. 숫자를 포함한 코드(예: margin: 10px;)를 선택
2. Ctrl + Up (⌘ + ↑ for Mac) → margin: 11px;
3. Ctrl + Down (⌘ + ↓ for Mac) → margin: 9px;

✅ 여러 숫자 한꺼번에 변경

1. Alt (⌥ for Mac) 키를 누른 상태에서 여러 숫자 선택
2. 위 단축키를 사용해 동시에 변경

✅ 10 단위 증가/감소

• Shift + Ctrl + Up → 10px → 20px
• Shift + Ctrl + Down → 10px → 0px

---

3️⃣ 설정 및 커스텀 단축키 변경

1. Ctrl + Shift + P (⌘ + ⇧ + P for Mac) 누르고 "Keyboard Shortcuts" 검색
2. Preferences: Open Keyboard Shortcuts 클릭
3. Progressive Increment 검색 후 원하는 단축키로 변경 가능

---

4️⃣ 활용 예시

• CSS에서 padding: 5px; 값을 빠르게 6px, 7px...로 조정
• JavaScript 변수 값(let count = 1;)을 빠르게 변경
• HTML에서 폰트 크기(font-size: 12px;) 조정

이제 VSCode에서 Progressive Increment를 활용해 더 빠르고 편리하게 숫자 값을 수정해 보세요! 🚀