토혈 추천,소 중 히 간직 한 Visual Studio Code 플러그 인 추천(추천)

자바 엔지니어 로 서 업무 수요 로 최근 한 달 동안 NodeJS 를 쓰 고 있 는 경험 은 씁쓸 한 역사 라 고 할 수 있다.다행히 신기 Visual Studio Code 가 있어 서 제 경험 이 더 어렵 지 않 았 습 니 다.이 경험 이 일 단락 될 것 같 으 니 오늘 은 제 가 자주 사용 하 는 VSC 플러그 인 을 공유 해 드 리 겠 습 니 다.
VSC 플러그 인 설치 방법 은 간단 합 니 다.왼쪽 맨 아래 플러그 인 표시 줄 옵션 을 클릭 하면 원 하 는 플러그 인 을 검색 할 수 있 습 니 다.

이제 본론 으로 들 어가 보도 록 하 겠 습 니 다.
Material Theme
첫 번 째 는 Material Theme 입 니 다.이 플러그 인 은 테마 색 을 수정 하고 검은색 과 흰색 만 있 는 세상 에서 벗 어 날 수 있 도록 도와 줍 니 다.물론 setting 파일 을 수정 해서 테마 색상 을 정의 할 수도 있 습 니 다.

Auto Import
자바 를 쓸 때 저 는 코드 에 클래스 이름 을 직접 쓰 고 IDEA 를 사용 하여 해당 하 는 가방 을 자동 으로 가 져 옵 니 다.그러나 VSC 를 사용 할 때 이 기능 이 없 기 때문에 이 문 제 는 저 를 곤란 하 게 합 니 다.이것 은 고급 crtlCV 엔지니어 로 서 붙 여 넣 은 코드 를 직접 사용 할 수 없다 는 것 을 의미 합 니 다.어떤 가방 에 속 하 는 지,어떻게 가 져 오 는 지 참조 해 야 합 니 다.
그리고 Auto Import 는 저 에 게 이 큰 문 제 를 해결 해 주 었 습 니 다.자동 으로 식별 하고 해석 하 며 해당 하 는 가방 을 추가 할 수 있 습 니 다.그것 이 있 으 면 나 는 계속 ctrlCV 엔지니어 가 될 수 있다.

Import Cost
NodeJS 를 쓴 친구 들 은 모두 한 가지 체험 을 할 수 있 습 니 다.자신 이 몇 줄 의 코드 만 썼 을 수도 있 지만 설치 해 야 할 가방 이 몇 개의 G 에 이 르 렀 습 니 다.과장 되 었 을 수도 있 지만 대량의 nodemodules 는 정말 사람 을 붕괴 시킨다.

가 져 온 가방 의 크기 를 조절 하기 위해 서 는 Import Cost 가 필요 합 니 다.

가 져 오기 문 구 를 썼 을 때 가방 의 크기 를 알려 줍 니 다.가방 이 너무 큰 것 을 발견 하면 가방 전 체 를 도입 해 야 하 는 지 고려 해 야 합 니 다.
Indent-Rainbow
이 플러그 인 은 코드 를 읽 는 체험 을 향상 시 키 는 데 도움 을 주 는 것 입 니 다.NodeJS 를 처음 접 한 학생 들 에 게 코드 를 읽 는 시간 은 코드 를 쓰 는 시간 보다 많 습 니 다.만약 프로젝트 가 너무 크 면 새로운 학생 들 은 많은 코드 블록 에서 잃 어 버 리 고 코드 블록 을 가 려 내 려 면 줄 앞에서 수량 을 줄 일 수 밖 에 없다.하지만 수 를 줄 이 는 것 은 한눈 에 볼 수 없 을 때 도 있다.Indent-Rainbow 는 코드 를 빨리 가 려 주 는 데 쓰 인 다.

Prettier ― Code Formatter
Prettier 플러그 인 은 코드 를 포맷 하 는 데 사 용 됩 니 다.
코드 규범 에 맞 는 코드 는 엔지니어 의 얼굴 이 라 고 할 수 있 고 Prettier 는 얼굴 을 지 켜 주 는 플러그 인 이 라 고 할 수 있 습 니 다.그것 이 있 으 면 코드 를 쓸 때 거 리 낌 없 이 쓸 수 있 습 니 다.쓴 후에 해당 하 는 단축 키 를 누 르 기만 하면 됩 니 다.너의 코드 는 곧 예 뻐 질 것 이다.

Sublime Text Keymap and Settings Importer
나 처럼 Sublime Text 를 좋아 하 는 학생 이 얼마나 될 지 모르겠다.ST3 도 매우 강력 해서 JS 코드 를 쓸 수 있 지만 전문 적 인 IDE 보다 못 하 다 고 생각 합 니 다.그래서 저 는 ST3 를'메모 장'으로 사용 하 는 것 을 더 좋아 합 니 다.만약 에 ST3 의 단축 키 에 익숙 하고 VSC 를 사용 해서 이 습관 을 바 꾸 고 싶 지 않다 면 이 플러그 인 을 사용 할 수 있 습 니 다.VSC 에서 ST3 의 단축 키 설정 을 모방 할 것 입 니 다.

명령 창 을 불 러 일 으 키 기 위해 command+P 를 사용 할 수 있 습 니 다.
npm Intellisense
npm Intellisense 플러그 인 은 원 하 는 node modules 를 완전 하 게 보충 하 는 데 도움 을 줄 수 있 습 니 다.

File Utils
File Utils 는 내 가 보기에 매우 네모 난(zhuang)편리 한(bi)플러그 인 이다.마 우 스 를 사용 하지 않 으 면 파일 을 만 들 고 이동 하 며 삭제 할 수 있 도록 도와 줄 수 있다.멋 있어 보이 지?

Bracket Pair Colorizer
앞에서 우 리 는 축소 식별 을 언급 했 는데 여기에 괄호 색 표지 의 플러그 인 이 하나 더 있다.그것 은 괄호 를 서로 다른 색 으로 표시 하여 괄호 가 일치 하 는 것 을 쉽게 식별 할 수 있다.이런 플러그 인 은 제 가 IDEA 에서 도 사용 할 수 있어 서 코드 를 읽 는 효율 을 크게 향상 시 킬 수 있 습 니 다.

Trailing Spaces
이 플러그 인 은 쓸모없는 꼬리 빈 칸 을 표시 해 줍 니 다.발견 하면 바로 삭제 하 십시오.

WakaTime
이 플러그 인 은 매우 재 미 있 습 니 다.인 코딩 된 데 이 터 를 통계 할 것 입 니 다.예 를 들 어 각종 언어의 비례,일 평균 인 코딩 시간 등 입 니 다.당신 은 그것 으로 당신 이 매일 대략 효과 적 인 근무 시간 이 얼마 인지 통계 할 수 있 습 니 다.만약 데이터 가 비교적 예쁘다 면 무심코 지도자 에 게 보 여 주 셔 도 됩 니 다.하하 하.

Vscode-icons
VSC 의 기본 icon 에 싫 증 이 나 십 니까?아이콘 을 통 해 어떤 파일 의 파일 형식 을 직접 보 시 겠 습 니까?Vscode-icons 플러그 인 이 당신 을 도와 실현 합 니 다.
파일 의 icon 을 더욱 우호 적 으로 만 들 고 좋아 하 는 icon 을 다운로드 할 수 있 습 니 다.

이상 은 제 가 자주 사용 하 는 VSCode 플러그 인 입 니 다.좋아 하 는 학생 은 직접 시장 에 가서 체험 을 다운로드 할 수 있다.이 플러그 인 들 은 대부분 읽 기 코드 를 향상 시 키 는 데 사 용 될 수 있 습 니 다.왜냐하면 저도 최근 에 읽 기 코드 가 비교적 많 기 때 문 입 니 다.다른 친구 들 도 좋 은 플러그 인 이 있 으 면 공유 할 수 있 습 니 다.
나중에 저도 IDEA 플러그 인 을 공유 하 는 것 을 고려 할 것 입 니 다.자바 학생 이 되면 기대 할 수 있 습 니 다.여러분 의 학습 에 도움 이 되 기 를 바 랍 니 다.여러분 들 도 저 희 를 많이 응원 해 주시 기 바 랍 니 다.