본문 바로가기

IT관련 팁

Top 5 Must-have VS Code extensions

728x90

 

 

5가지 필수 VS Code 확장 프로그램들~

:=> https://dev.to/iarchitsharma/top-5-must-have-vs-code-extensions-229k

위 내용의 번역결과는 아래와 같습니다.

 

Visual Studio Code는 현재 가장 널리 사용되는 코드 편집기 또는 IDE(통합 개발 환경)입니다. 가벼운 소스 코드 편집기이며 오픈 소스이며 사용하기 쉽습니다.

Visual Studio Code 확장은 VS Code 키보드 단축키 처럼 개발자의 삶을 훨씬 더 쉽게 만듭니다.

다음은 확장이 있어야 하는 상위 5개 목록입니다.

1. Beautify


필수 확장 기능에 관해서는 Beautify top이 목록에 있습니다. 이 확장은 자바스크립트 파일, JSON, CSS, Sass 및 HTML을 아름답게 합니다. 이 파일의 형식이 지정되지 않은 코드는 이 확장에 의해 형식이 지정되고 읽을 수 있는 코드로 변환됩니다.
이 확장을 사용하면 VS Code에서 js-beautify를 실행하고 열려 있는 파일의 경로 트리에 있는 .jsbeautifyrc 파일을 존중하여 코드 스타일을 로드할 수 있습니다. F1 Beautify(선택 항목을 아름답게 하기 위해) 또는 F1 Beautify 파일로 실행합니다.

2. Snippet Pack


스니펫을 사용하면 반복적인 코드를 쉽고 빠르게 작성할 수 있습니다. 그러나 이것으로 충분하지 않을 수 있습니다. 프로그래밍 언어에 따라 유용한 스니펫이 많이 포함된 확장 프로그램을 간단히 설치할 수 있습니다.

3. Bracket Pair Colorizer


이 확장을 통해 일치하는 브래킷을 색상으로 식별할 수 있습니다. 사용자는 일치시킬 문자와 사용할 색상을 정의할 수 있습니다. 여는 대괄호와 닫는 대괄호의 각 세트에 색상을 추가하여 각 대괄호 세트를 더 쉽게 식별할 수 있습니다. 이 기능을 VS Code에 추가할지 여부를 결정하는 것은 사용자의 몫입니다. 그러나 인기 있는 도구이며 많은 개발자가 유용하다고 생각합니다.

4. Live Sass Complier


Live Sass Compiler Extension을 사용하면 라이브 브라우저를 다시 로드하여 SASS/SCSS 파일을 CSS 파일로 실시간으로 컴파일/트랜스파일할 수 있습니다.
이 확장은 Sass로 웹 페이지를 개발하는 동안 웹 개발자에게 유용합니다.

5. Live Server


라이브 서버 확장은 자동으로 다시 로드합니다. 설치 후 자동화된 localhost는 브라우저에서 실행할 수 있으며 버튼 하나로 시작할 수 있습니다.
이것은 웹 개발자에게 가장 유용한 확장 기능 중 하나입니다.

 

(추가1)

최신 IT와 테크 관련 뉴스 소식을 한번에 모아서 볼 수 있고 원하는 키워드로 검색을 할 수도 있는 앱이 있습니다.

'IT뉴스모아' 라는 앱인데 하기에서 다운로드 가능합니다.

:=> https://play.google.com/store/apps/details?id=com.opensupport.ITNewsMoa 

 

IT뉴스모아 (최신 IT와 테크 뉴스를 한번에 모아서 보자!) - Google Play 앱

최신 IT와 테크 뉴스를 한번에 모아서 보자!

play.google.com

 

 

그럼,

   공유합니다.

 

728x90