본문 바로가기
Memo

vscode 인기 extensions 요약

by leopard4 2023. 5. 17.

extensions 요약

1.AsciiDoc: 경량 마크업 언어인 AsciiDoc 파일에 대한 언어 지원을 제공합니다.


2.vscode-zonefile: 구문 강조 표시 및 DNS 관리에 사용되는 영역 파일용 IntelliSense를 제공합니다.


3.Office Viewer (Markdown Editor): VS Code 내에서 Office 문서(Word, Excel, PowerPoint)를 볼 수 있으며 마크다운 편집기를 제공합니다.


4.markdownlint : 일관된 스타일과 모범 사례 준수를 위해 마크다운 파일을 린트합니다.


5.ESLint: 코드 문제를 식별하고 수정하기 위해 널리 사용되는 JavaScript 린터인 ESLint를 VS Code에 통합합니다.


6.EditorConfig for VS Code: 다양한 에디터와 IDE에서 일관된 코딩 스타일을 유지할 수 있도록 EditorConfig 파일을 지원합니다.


7.Todo Tree: 코드에서 키워드를 사용하여 할 일, 수정 사항 및 기타 주석을 강조 표시하고 트리 보기에 표시합니다.


8.Test Explorer UI: 테스트를 실행하고 디버깅할 수 있는 사용자 인터페이스를 제공하며 다양한 테스트 프레임워크를 지원합니다.


9.npm Dependency Links: 코드의 패키지 이름을 해당 패키지의 문서를 여는 클릭 가능한 링크로 변환합니다.


10.compareit: VS 코드 내에서 파일 또는 폴더를 비교하고 차이점을 강조 표시합니다.


11.Comment Translate: 다양한 번역 API를 사용하여 다양한 프로그래밍 언어로 주석을 번역합니다.


12.PlantUML: 텍스트 설명에서 PlantUML 다이어그램을 렌더링하고 구문 강조 표시 및 미리 보기를 제공합니다.


13.Pubspec Assist: Dart 및 Flutter 프로젝트용 pubspec.yaml 파일 편집을 지원합니다.


14.Task Notifier: 통합 터미널에서 실행된 작업에 대한 데스크톱 알림을 보냅니다.


15.Auto Comment Blocks: 함수 및 클래스에 대한 문서 스타일의 주석을 자동으로 생성합니다.


17.Diff Folders: 두 폴더 또는 디렉터리 간의 차이점을 비교하여 표시합니다.


18.reStructuredText: 기술 문서에 일반적으로 사용되는 재구조화 텍스트 파일에 대한 언어 지원을 제공합니다.


19.Compare Folders: 두 폴더의 콘텐츠를 비교하여 차이점을 강조 표시하고 병합 기능을 제공합니다.


20.SCSS IntelliSense: SCSS(Sassy CSS) 파일에 대한 IntelliSense 및 자동 완성 기능을 제공합니다.


21.isort: 코드 내에서 Python 가져오기 문을 자동으로 정렬합니다.


22.Hex Editor: 16진수 형식의 바이너리 파일을 보고 편집할 수 있습니다.


22.Test Adapter Converter: 서로 다른 테스트 어댑터 형식을 변환하여 다른 테스트 러너가 테스트를 실행할 수 있도록 합니다.


23.Color Highlight (CSS/WEB): CSS, SASS, LESS 파일에서 색상을 강조 표시하여 색상을 쉽게 식별하고 수정할 수 있습니다.


24.Liquid Languages Support: Shopify와 같은 플랫폼에서 사용되는 구문 강조 표시 및 IntelliSense for Liquid 템플릿을 추가합니다.


25.advanced-new-file: '새 파일' 기능을 개선하여 현재 파일을 벗어나지 않고도 특정 디렉터리에 파일을 생성할 수 있습니다.


26.Version Lens: package.json, package-lock.json 및 기타 지원되는 파일에 있는 종속성의 버전 정보를 표시합니다.


27.Material Icon Theme:  VS Code 탐색기에서 파일 유형에 대한 머티리얼 디자인 아이콘 세트를 제공합니다.


28.Proto Lint: 오류 및 스타일 문제가 있는 프로토콜 버퍼(protobuf) 파일을 린트합니다.


29.Paste JSON as Code: 손쉬운 통합을 위해 JSON 데이터를 다양한 프로그래밍 언어의 코드로 변환합니다.


30.Shared Extensions: 여러 개발 컨테이너 또는 환경에서 VS Code 확장을 공유할 수 있습니다.


31.Thunder Client: VS Code 내에서 HTTP 요청을 전송하고 응답을 볼 수 있는 REST 클라이언트 확장 프로그램입니다.


32.YAML: YAML 파일에 대한 구문 강조 표시 및 IntelliSense를 제공합니다.


33.Linux Dev Extension Pack: C++, Python, Docker 등을 포함한 Linux 개발용 확장 프로그램 모음입니다.


34.Partial Diff: 선택한 텍스트에 대해 부분 비교를 수행하여 추가 및 제거된 부분을 강조 표시합니다.


35.Text Marker (Highlighter):  편집기 내에서 다양한 색상으로 텍스트를 강조 표시하고 메모를 추가할 수 있습니다.


36.Better Jinja: 플라스크와 같은 프레임워크에서 사용되는 진자 템플릿에 대한 지원을 추가합니다.


37.Trailing Spaces: 줄 끝의 후행 공백을 강조 표시하고 제거할 수 있습니다.


38.Reveal: 파일 탐색기에서 현재 활성 파일에 초점을 맞추고 표시합니다.


39.Task Explorer:  작업 공간에 정의된 작업을 관리하고 실행할 수 있는 UI를 제공합니다.

 

40.Sass(.sass only): 확장명이 .sass인 Sass 파일에 구문 강조 표시 및 IntelliSense를 제공합니다.


41.Even Better TOML: 구문 강조 표시 및 IntelliSense로 TOML 언어 지원이 향상되었습니다.


42.Line Note: 코드의 특정 줄에 메모와 주석을 추가할 수 있습니다.


43.Run in Powershell: VS Code 내에서 PowerShell 스크립트를 실행합니다.


44.Error Lens: 코드에서 인라인 오류 및 경고 메시지를 강조 표시하고 표시합니다.


45.IntelliCode API Usage Examples: IntelliCode AI 기반 코드 완성 기능 사용 예제 및 데모를 제공합니다.

46.IntelliCode: 코드베이스의 AI 분석을 기반으로 관련 코드 스니펫을 제안하여 코드 완성도를 높입니다.


47.Surround: 사용자 지정 템플릿을 사용하여 선택한 텍스트 주위에 코드 조각 또는 블록을 간편하게 추가할 수 있습니다.


48.IntelliSense for CSS class names in HTML: HTML 파일 내의 CSS 클래스 이름에 대한 IntelliSense를 제공합니다.


49.vscode-proto3: 프로토콜 버퍼 버전 3 파일 편집에 대한 지원을 추가합니다.


50.Docker: Docker 컨테이너 관리를 간소화하고 IntelliSense 및 Dockerfile 디버깅과 같은 기능을 제공합니다.


51.Code Runner: 다양한 프로그래밍 언어로 코드 스니펫 또는 전체 파일을 실행하고 출력을 표시합니다.


52.Korean Language Pack for Visual Studio Code: VS Code 인터페이스에 대한 한국어 현지화를 제공합니다.


53.korToEngFont Awesome Auto-complete & Preview: 폰트 어썸 아이콘의 한국어 자동 완성 및 미리보기를 제공합니다.


54.Vscode Google Translate: VS 코드 내에서 Google 번역을 사용하여 선택한 텍스트 또는 전체 파일을 번역합니다.


55.VSCODE-DEVOPS-PACK: Azure DevOps 및 Azure 파이프라인을 위한 확장 모음입니다.


56.Slack: Slack과 통합하여 VS Code 내에서 알림 및 메시지를 수신합니다.


57.NGINX Configuration: 구문 강조 표시 및 NGINX 구성 파일에 대한 IntelliSense를 제공합니다.


58.AICodeHelper: AI 지원 코드 완성 및 여러 프로그래밍 언어에 대한 제안을 제공합니다.


59.ChatGPT - EasyCode: 코드 완성 및 생성을 지원하는 언어 모델 기반 확장 프로그램입니다.


60.GitHub Copilot: GitHub와 OpenAI에서 개발한 AI 기반 코드 완성 도구.


61.Rainbow CSV: 색상 강조 표시 및 표 서식을 추가하여 CSV 파일 보기를 개선합니다.


62.VSCODE-PDF: 내장 브라우저를 사용하여 VS Code 내에서 PDF 파일을 볼 수 있습니다.


63.DotENV: 환경 변수에 일반적으로 사용되는 .env 파일에 구문 강조 표시 및 IntelliSense를 제공합니다.


64.Image preview: 다양한 이미지 형식을 지원하여 VS Code 내에서 인라인으로 이미지 미리 보기를 표시합니다.


65.XML Tools: VS Code 내에서 XML 서식 지정, 유효성 검사 및 XPath 평가를 제공합니다.


66.Bracket Pair Colorization Toggler: 일치하는 대괄호의 색상을 지정하여 코드 가독성을 향상시킵니다.


67.Prettier - Code formatter: 코드 일관성을 개선하기 위해 구성된 규칙에 따라 자동으로 코드 서식을 지정합니다.


68.Auto Add Brackets in String Interpolation: 지원되는 언어에 대해 문자열 보간 시 닫는 대괄호를 자동으로 추가합니다.


69.Getter and Setter Generator: 다양한 프로그래밍 언어로 클래스 속성에 대한 게터 및 세터를 생성합니다.


70.Microsoft Edge Tools for VS Code: Microsoft Edge 브라우저 개발을 위한 디버깅 및 프로파일링 도구를 제공합니다.


71.Debugger for Firefox: Firefox에서 JavaScript 및 기타 웹 관련 기술을 디버깅할 수 있습니다.


72.HTML End Tag Labels: 코드 탐색 및 가독성을 개선하기 위해 HTML 엔드 태그에 대한 레이블을 표시합니다.


73.Auto Rename Tag: 하나의 태그 이름이 변경되면 일치하는 HTML/XML 태그의 이름을 자동으로 변경합니다.


74.HTML CSS Support:  HTML 파일 내에서 HTML 태그별 CSS 클래스 및 ID 제안을 제공합니다.


75.CSS Peek: CSS 정의를 엿볼 수 있습니다.


76.HTML to CSS autocompletion: HTML 요소 이름을 기반으로 CSS 속성에 대한 자동 완성 기능을 제공합니다.


77.TypeScript Importer: 코드 내 사용법에 따라 TypeScript 종속성을 자동으로 가져옵니다.


78.Color Highlight:  CSS, SASS, LESS 등 다양한 파일 형식의 색상 코드와 값을 강조 표시합니다.


79.CMake Tools: CMake 프로젝트 빌드, 구성 및 디버깅을 위한 CMake 통합 기능을 제공합니다.


80.C/C++: C 및 C++ 개발을 위한 IntelliSense, 디버깅 및 코드 탐색 기능을 제공합니다.


81.C/C++ Extension Pack:  IntelliSense 및 디버깅을 포함하여 C/C++ 개발을 위한 맞춤형 확장 기능 모음입니다.


82.C/C++ Themes: C/C++ 개발을 위해 특별히 설계된 추가 테마를 제공합니다.


83.CMake: CMake 파일에 대한 언어 지원 및 구문 강조 표시를 추가합니다.


84.Python: Python 개발을 위한 다양한 언어 지원, IntelliSense 및 디버깅 기능을 제공합니다.


85.Jupyter Keymap: VS Code 내에서 Jupyter Notebook을 편집하기 위한 Jupyter Notebook과 유사한 키 바인딩을 제공합니다.


86.Jupyter Notebook Renderers: 다양한 파일 확장자(.ipynb, .dib, .md)를 가진 Jupyter Notebook 파일을 렌더링할 수 있습니다.


87.Jupyter Cell Tags: Jupyter 노트북 셀에 태그를 추가하고 관리할 수 있습니다.


88.Jupyter Slide Show: Jupyter 노트북에서 슬라이드 쇼를 만들고 프레젠테이션할 수 있는 기능을 제공합니다.


89.Python Environment Manager: Python 환경과 가상 환경을 관리할 수 있도록 지원합니다.


90.Live Server: 라이브 리로딩이 가능한 정적 및 동적 웹 페이지를 위한 로컬 개발 서버를 시작합니다.


91.Svelte for VS Code: Svelte 애플리케이션을 위한 Svelte 언어 지원, IntelliSense 및 서식 지정 기능을 제공합니다.


92.AWS Toolkit: AWS Explorer 및 AWS CloudFormation 지원과 같은 기능으로 AWS 개발 및 배포를 지원합니다.


93.Azure Repos: Azure DevOps에서 버전 관리 및 협업을 위해 Azure Repos와의 통합을 제공합니다.

94.Flutter Widget Snippets: 더 빠른 코드 생성을 위한 Flutter 위젯 스니펫 모음을 제공합니다.


95.[FF] Flutter Files: Flutter 프로젝트를 위한 Flutter 전용 명령, 코드 조각 및 파일 템플릿을 제공합니다.


96.Flutter Riverpod Snippets: Flutter의 리버포드 상태 관리 라이브러리용 코드 조각을 제공합니다.


97.Awesome Flutter Snippets: 효율적인 코딩을 위한 포괄적인 Flutter 코드 조각 모음을 제공합니다.


98.Flutter Tree: VS Code 내에서 Flutter 애플리케이션의 위젯 트리 구조를 시각화합니다.


99.Flutter Color: Flutter 프로젝트에 대한 색상 선택 기능 및 명명된 색상 제안을 제공합니다.


100.Dart: Dart 프로그래밍을 위한 언어 지원, IntelliSense 및 디버깅 기능을 제공합니다.


101.Flutter: 크로스 플랫폼 모바일 애플리케이션 구축을 위한 Flutter 전용 도구 및 지원을 제공합니다.


102.Dart Data Class Generator: JSON 또는 맵 데이터에서 Dart 데이터 클래스 생성을 간소화합니다.


103.SQLTools: 다양한 데이터베이스 시스템을 지원하는 데이터베이스 관리 및 쿼리 도구를 제공합니다.


104.SQLTools MySQL/MariaDB: SQLTools 확장에 MySQL 및 MariaDB 지원을 추가합니다.


105.SQLTools PostgreSQL/Cockroach Driver: SQLTools 확장에 PostgreSQL 및 CockroachDB 지원을 추가합니다.


106.SQLTools SQLite: SQLTools 확장에 SQLite 지원을 추가합니다.


107.MySQL Syntax: MySQL 전용 구문 강조 표시 및 IntelliSense를 제공합니다.


108.Unity Dev Pack: Unity 게임 개발을 위한 Unity 전용 툴, 디버깅 및 IntelliSense를 제공합니다.


109.Unity Code Snippets: 더 빠른 개발을 위한 Unity 전용 코드 스니펫 모음을 제공합니다.


110.Unity Tools: VS Code 내에서 Unity 게임 개발을 위한 다양한 툴과 유틸리티를 제공합니다.


111.Debugger for Unity: VS Code 내에서 Unity 게임 프로젝트를 디버깅할 수 있습니다.


112.C#: C# 개발을 위한 언어 지원, IntelliSense, 디버깅 기능을 제공합니다.


113.GitHub Codespaces: 클라우드에서 개발 환경을 사용할 수 있도록 GitHub 코드스페이스와 통합됩니다.


114.GitHub Repositories: GitHub 리포지토리와 통합하여 소스 제어 및 공동 작업 기능을 사용할 수 있습니다.


115.GitHub Actions: GitHub 작업과의 통합을 제공하여 워크플로를 만들고, 보고, 관리할 수 있습니다.


116.Git History: 리포지토리의 Git 히스토리를 시각화하여 대화형 보기로 제공합니다.


117.Git Graph: 리포지토리의 브랜치, 커밋 및 병합을 시각화할 수 있는 Git 그래프 보기를 표시합니다.


118.GitLens - Git 슈퍼차지: 추가 정보, 주석 및 코드 렌즈를 제공하여 Git 통합을 강화합니다.


119.Remote Development: 원격 개발 기능을 활성화하여 원격 컴퓨터 또는 컨테이너에서 개발할 수 있습니다.


120.Remote - SSH: Editing Configuration Files: Remote - SSH 확장 기능 사용 시 SSH 구성 파일을 편집할 수 있는 인터페이스를 제공합니다.


121.Remote - Tunnels: Remote - SSH 확장 기능 사용 시 VS Code 내에서 SSH 터널을 생성하고 관리할 수 있습니다.


122.Remote - SSH: SSH를 통해 원격 머신에 연결하고 VS Code 인터페이스를 사용하여 파일을 편집할 수 있습니다.


123.Remote Explorer: 원격 머신 또는 컨테이너의 파일과 폴더를 관리하기 위한 파일 탐색기 인터페이스를 제공합니다.


124.Remote Repositories: 원활한 협업을 위해 GitHub, Bitbucket, GitLab과 같은 원격 코드 리포지토리와 통합됩니다.


125.Dev Containers: 컨테이너 내에서 개발이 가능하여 개발 환경을 정의하고 관리할 수 있습니다.


126.Debugger for Java: VS Code 내에서 Java 애플리케이션에 대한 디버깅 지원을 제공합니다.


127.Project Manager for Java: 프로젝트 생성, 열기, 프로젝트 간 전환 등 Java 프로젝트를 위한 프로젝트 관리 기능을 제공합니다.


128.Extension Pack for Java: 언어 지원, 디버깅, 코드 스니펫을 포함한 Java 개발을 위한 확장 기능 모음입니다.


129.Maven for Java: 종속성 관리 및 브랜드


130.EditorConfig for VS Code: 다양한 에디터와 IDE에서 일관된 코딩 스타일을 유지할 수 있도록 EditorConfig 파일을 지원합니다.


131.Visual Studio IntelliCode: AI 및 머신 러닝을 사용하여 코드 완성 및 제안 기능을 향상합니다.


132.Remote Development: SSH: Editing Configuration Files: Remote - SSH 확장 사용 시 SSH 구성 파일을 편집할 수 있는 인터페이스를 제공합니다.

 


전부 사용시 문제의 소지 여부


1.EditorConfig for VS Code: 이 확장 기능은 EditorConfig 파일로 작업하지 않거나 코딩 스타일이 이미 여러 편집기에서 일관되게 유지되고 있는 경우에는 필요하지 않을 수 있습니다.


2.Remote - SSH: Editing Configuration Files: 이 확장 기능은 특히 SSH 구성 파일 편집에 중점을 둡니다. SSH 구성 파일을 자주 수정하지 않는다면 이 확장 기능이 필수적이지 않을 수 있습니다.


3.Remote Development: SSH: Editing Configuration Files: 이 확장 기능은 SSH 구성 파일 편집 기능도 제공합니다. 이미 Remote - SSH 확장 프로그램이 설치되어 있는 경우 이 확장 프로그램이 중복될 수 있습니다.


4.IntelliCode API Usage Examples: IntelliCode API를 적극적으로 사용하거나 실험하지 않는 경우에는 이 확장 프로그램이 필요하지 않을 수 있습니다.


5.GitLens - Git supercharged: GitLens는 고급 Git 기능을 제공하지만 일부 기능은 Git 히스토리 및 Git 그래프 확장 기능과 겹칩니다. GitLens가 이러한 다른 Git 관련 확장 기능 외에 추가적인 가치를 제공하는지 평가해 볼 수 있습니다.


6.Remote Repositories: 주로 로컬 리포지토리로 작업하고 원격 리포지토리와 자주 협업하지 않는다면 이 확장 기능이 필수적이지 않을 수 있습니다.


7.Trailing Spaces: Prettier와 같이 공백 관리 또는 서식을 처리하는 확장 프로그램이 이미 있는 경우 후행 공백 확장 프로그램이 필요하지 않을 수 있습니다.


8.vscode-pdf: VS Code 내에서 PDF 파일을 거의 볼 필요가 없는 경우 이 확장 프로그램이 필요하지 않을 수 있습니다. 대신 외부 PDF 뷰어를 사용하는 것을 고려할 수 있습니다.

 

9.Office Viewer (Markdown Editor): 마크다운 파일로 주로 작업하는 경우, 포괄적인 마크다운 편집 및 미리 보기 기능을 제공하는 마크다운린트 및 마크다운 올인원 같은 다른 마크다운 전용 확장 프로그램이 있으므로 Office 뷰어 확장 프로그램이 필요하지 않을 수 있습니다.

10.vscode-zonefile: 이 확장 프로그램에서 제공하는 기능은 DNS 관련 기능 및 영역 파일 관리를 제공하는 DNS 도구와 같은 다른 확장 프로그램과 중복되는 것 같습니다. 두 확장 프로그램에서 제공하는 기능을 모두 평가하여 필요에 가장 적합한 확장 프로그램을 선택하는 것이 좋습니다.

11.Comment Translate: 코드 내에서 주석을 자주 번역할 필요가 없는 경우에는 주석 번역 확장 기능이 필수적이지 않을 수 있습니다. 필요한 경우 온라인 번역 서비스 또는 별도의 번역 도구를 사용할 수 있습니다.

12.Compare Folders: 폴더 비교 확장 프로그램은 폴더 비교 기능을 제공하지만 이 기능은 이미 Visual Studio Code의 기본 제공 기능에서 제공됩니다. "활성 파일과 비교..." 또는 "선택한 파일 비교" 옵션을 사용하여 VS Code 내에서 직접 폴더 또는 파일을 비교할 수 있습니다.

13.Line Note: 라인 노트에서 제공하는 기능은 TODO 트리와 같은 다른 확장 기능을 사용하거나 북마크 또는 코드 주석과 같은 기본 제공 기능을 사용해서도 달성할 수 있습니다. 라인 노트가 기존 확장 기능이나 VS Code의 기본 기능에서 제공하지 않는 고유한 기능을 제공하는지 고려하세요.

14.Rainbow CSV: Rainbow CSV는 CSV 파일의 보기 환경을 향상시키지만, Visual Studio Code에는 CSV 파일을 강조 표시하는 기능이 이미 내장되어 있습니다. Rainbow CSV에서 제공하는 추가 기능이 워크플로에 필요한지 여부를 고려할 수 있습니다.

15.IntelliSense for CSS class names in HTML: 이 기능은 앞서 언급한 HTML CSS 지원 확장 기능에 이미 포함되어 있습니다. HTML CSS 지원이 이미 설치되어 있는 경우 HTML 파일의 CSS 클래스 이름 IntelliSense를 위한 별도의 확장 프로그램이 필요하지 않을 수 있습니다.

16.C/C++ Extension Pack: C/C++ 확장 팩에는 C 및 C++ 개발과 관련된 여러 확장 기능이 포함되어 있습니다. 그러나 C/C++, C/C++ 테마 및 CMake 도구와 같은 일부 확장은 확장 목록에 이미 개별적으로 나열되어 있습니다. 이러한 개별 확장 프로그램을 이미 설치한 경우 C/C++ 확장 프로그램 팩을 제거할 수 있습니다.

이렇게 중복될 가능성이 있는 확장 프로그램을 제거하면 확장 프로그램 목록을 깔끔하게 정리하고 개발 환경을 최적화할 수 있습니다. 

 

각 확장 프로그램에서 제공하는 특정 기능을 평가하여 필요에 가장 적합한 확장 프로그램을 유지해야 합니다.


TIP.기능을 일시적으로 제거하여 필요에 따라 중복되는 기능이 있는지 확인할 수 있습니다.