여기요. 오늘 저는 저와 다른 웹 개발자가 사용하는 웹 개발자를 위한 최고의 VS Code 확장 10개에 대한 기사를 쓰고 싶습니다.

Let`s start

1) JavaScript(ES6) 코드 조각

이는 모든 JavaScript 개발자에게 시간을 크게 절약해 줍니다. 반복해서 입력할 필요 없이 필요한 모든 코드를 한 곳에서 얻을 수 있습니다!
여기에는 TypeScript/TSLint 확인 코드도 포함되므로 프로젝트가 최신 기술로 최신 상태를 유지합니다.

2) 자동 닫기 태그

HTML 및 XML에서 태그를 연 후 태그를 닫는 것은 바쁜 작업입니다. 따라서 여기에 HTML 및 XML 태그를 자동으로 닫는 최상의 솔루션이 있습니다.

3) 자동 이름 바꾸기 태그

이렇게 하면 태그의 이름이 자동으로 변경되므로 HTML 구조에 많은 요소가 포함된 더 큰 프로젝트에서 작업하는 경우에도 코드가 일관되고 유지 관리하기 쉽습니다.

4) 더 나은 댓글

주석 달기는 프로그래밍의 큰 부분이며 주석 달기가 없으면 자신이나 다른 사람의 코드를 이해할 수 없습니다.

이 확장 기능을 사용하면 나중에 프로젝트를 검토할 때 쉽게 읽을 수 있도록 강조 표시 텍스트, 질문, 할 일, 오류/경고 및 취소선으로 주석을 분류하여 구성할 수 있습니다!

5) 라이브 서버

웹 개발을 배우기 시작했을 때 항상 이 확장 프로그램을 갖고 싶었습니다. 그것은 가벼운 Node.js 서버를 가동하고 주어진 디렉토리의 모든 자산과 함께 HTML 파일을 제공합니다. 게다가 저장된 모든 변경 사항은 브라우저에 즉시 반영되어 마치 재개발된 것처럼 매우 빠른 경험을 제공합니다. 방법!

6) 코드 시간

이 확장 프로그램은 개발 시간을 추적하고 오늘 코드를 몇 시간 사용했는지 등과 같은 유용한 통계를 제공합니다.

추적하고 진행 상황을 확인하는 것이 매우 유용합니다. 이것은 엄격하게 웹 개발만을 위한 것이 아니며 누구나 이 확장 프로그램을 사용할 수 있습니다.

7) 마크다운 올인원

좋든 싫든 개발자. 문서 작성은 작업의 일부입니다. 많은 사람들이 자주 하는 일이지만 코딩, 테스트 등과 같은 소프트웨어 개발과 관련된 많은 다른 측면이 있기 때문에 반드시 즐기지는 않습니다.

요즘 문서에 가장 일반적으로 사용되는 마크업은 콘텐츠를 작성할 때 유용한 바로 가기를 제공하는 마크다운인 것 같습니다. 특히 실시간 미리보기 기능은 게시하기 전에 게시물이 어떻게 보이는지 확인하여 시간을 절약할 수 있기 때문입니다! 정말 문서 속도가 빨라집니다.

8) 색상화

Colorize는 색상 값으로 강조 표시하여 색상 변수를 시각화합니다. 이는 16진수 코드와 변수 이름을 번역할 때 편리한 시간 절약 도구입니다.

9) 레인보우 들여쓰기

Indent Rainbow는 설정에 색상과 생산성을 추가하는 훌륭한 도구입니다. 또한 들여쓰기에 대한 정렬 검사 역할을 할 수 있습니다. 각 들여쓰기에는 번갈아 나타나는 무지개 색상이 지정됩니다.

10) CSS 픽

확장은 기호 정의 추적의 모든 일반 기능을 지원하지만 CSS 선택기(클래스, ID 및 HTML 태그)에 대해 지원합니다.

글을 끝까지 읽어주셔서 감사합니다!

내 GitHub: click