작업 요구, 지난 달 NodeJS를 작성 되었기 때문에 자바 엔지니어로,이 경험은 쓴 역사라고 할 수있다. 다행히 스튜디오 코드 시각적 결함이 경험은 어려운 일이 아니다 더 저를 동반있다. 이 경험을 보는 것은 마지막에 와서, 오늘은 내가 가장 좋아하는 VSC 플러그인들과 함께 공유 할 수 있습니다.
VSC 플러그인 설치가 매우 간단합니다, 바로 왼쪽 칼럼의 맨 아래에있는 플러그인 옵션을 클릭, 당신은 원하는 플러그인을 검색 할 수 있습니다.
여기에 우리가 들어가
재료 테마
(가) 먼저 재료 테마입니다,이 플러그인은 우리가 색상 테마를 수정하는 데 도움이 될 수 있습니다, 당신은 단지 흑백 세계 제거하는 데 도움합니다. 물론, 당신은 또한 설정 파일을 수정하여 색상 테마를 사용자 정의 할 수 있습니다.
자동 가져 오기
클래스 이름에서 직접 I 일반적으로 쓰기 코드 자바를 작성하고 IDEA를 사용하면 VSC를 사용하는 경우 자동으로 적절한 패키지를 가져올 수 있지만,이 기능하지 않고,이 질문은 나를 매우, 어떤 방법을 고민하게하는 수석 엔지니어 crtlCV로 붙여 넣은 코드가 여전히 가져 오는 방법, 패키지가 속한 일부 참조를 확인해야합니다, 직접 사용할 수 없습니다.
날이 큰 문제를 해결 자동 가져 오기 도움이 자동으로 식별, 구문 분석 및 일부 해당 패키지를 추가 할 수 있습니다. 그것으로, 나는 ctrlCV에게 엔지니어을 계속할 수 있습니다.
가져 오기 비용
NodeJS 학생들은 모두 자신의 코드 몇 줄을 쓸 수 있음을 깨닫게 할 수 있습니다,하지만 당신은 몇 G에 도달 한 패키지를 설치하려는 썼다, 약간의 과장이 있지만, 충돌 원인 정말 node_modules의 큰 숫자가있을 수 있습니다.
그런 다음 당신이 필요로하는 당신은 패키지 크기를 가져을 제어하는 데 도움 수입 비용입니다.
당신이 때 import 문을 쓸 때 당신이 패키지가 너무 큰 발견하면, 그것은,이 패키지의 크기 당신을 생각 나게 할 것이다, 당신은 당신이 정말로 전체 패키지를 도입해야하는지 여부를 고려해야합니다.
들여 쓰기 - 레인보우
이 플러그 - 인 당신은 단지 시간 코드를 작성하는 것보다 종종 시간의 코드를 읽어 학생들을위한 NodeJS를 시작하는 코드 판독 경험을 개선하는 데 도움이됩니다. 프로젝트가 너무 큰 경우, 종종 코드 블록을 많이 분실 신입생은 코드 블록은 전면 행 번호를 조여 해결할 수 있습니다. 하지만 가끔은 당신이 한 눈에 강화의 수를 볼 수 없습니다. 들여 쓰기 - 레인보우 빠르게 코드를 구별하는 데 사용됩니다.
예뻐 - 코드 포매터
Prettier插件是用来格式化代码的。
符合代码规范的代码可以说是一个工程师的脸面，而Prettier可以说是专门帮你维护脸面的插件。有了它，你在写代码时就可以肆无忌惮了，只需要在写完以后按一下对应的快捷键。你的代码就会马上变漂亮。
Sublime Text Keymap and Settings Importer
不知道有多少同学和我一样比较喜欢用Sublime Text。虽然ST3也非常强大，可以用来写JS代码，但是我觉得它还是比不上专业的IDE，所以我更喜欢把ST3当作「记事本」来用，如果你已经比较习惯了ST3的快捷键，并且不想因为使用VSC而改变这个习惯，那么就可以使用这个插件，它会在VSC中模仿ST3的快捷键设置。
你可以使用command+P来唤起命令窗口，然后输入>开始像在ST3中那样操作。
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插件来帮你实现。
그것은 당신이 또한 당신의 마음에 드는 아이콘의 일부를 다운로드 할 수 있습니다, 파일이 더 친화적 인 아이콘을 만들 것입니다.
다음은 내가 가장 좋아하는 플러그인 VSCode의 일부입니다. 학생들이 시장에 갈 수처럼 직접 경험을 다운로드 할 수 있습니다. 나는 또한 최근에 더 많은 코드를 읽을 수 있기 때문에 이러한 플러그인은 주로 읽기 코드를 향상시키는 데 사용할 수 있습니다. 다른 학생들이 플러그인을 사용하기 쉬운 경우 당신은 그것을 공유 할 수 있습니다.
나는 또한 IDEA 플러그인 뒤에 몇 가지 고려를 공유, 자바는 학생들이 물결을 기대할 수 있습니다 않습니다.