[更多插件可以到官网自行探索](https://marketplace.visualstudio.com/vscode)

Друзья, кому интересен фронтенд, можете подписаться на меняGithub 

Согласно опросу, VScode и возвышенное — это IDE, которые предпочитают фронтенд-разработчики. "Если вы хотите делать хорошую работу, вы должны сначала заточить свои инструменты". Я контролер инструментов, который любит бросать. Когда я впервые начал использовать VScode, я установил кучу плагинов. В результате, пока VScode включен, а затем подключен к большому экрану, мой Mac Будет сильное сопротивление, вентилятор будет все время свистеть, 😳😳... Позже будет включен режим удаления, и он будет удален все Наконец, некоторые небольшие и красивые плагины с высокой скоростью использования будут сохранены, и на случай, если они вам понадобятся, будет организована их копия.

Для команды, если все используют один и тот же набор сочетаний клавиш, одну и ту же IDE и один и тот же набор подключаемых модулей, тогда парное программирование будет особенно удачным. Вы все еще можете многому научиться программированию с красивым братом, хи хи~~

1. Клавиши быстрого доступа

Общие сочетания клавиш можно задать на домашней странице VScode, а поскольку sublime обычно используется больше, его просто объединяют в один набор.

2. Подсказки по коду

1. Path Intellisense

автоматическое завершение пути

2. Document this

js шаблон комментария (примечание: новая версия vscode имеет встроенную поддержку, введите ее в функцию/** tab)

3. Формат кода

1. ESlint

Спецификация кода для кода, который не соответствует требованиям или содержит синтаксические ошибки.JS代码Подсказка, вы можете настроить правила подсказки

2. HTMLHint

html代码обнаружить

3. beautify

Инструменты для форматирования кода

В-четвертых, улучшение визуализации кода

1. colorize

Визуализация цветов, тут много разных тем задействовано в изготовлении компонентов, и лично мне совсем каша.

2. RegExp Preview and Editor

Это удивительно, он может отлично отображать написанную вами закономерность, и графически показывать вам формирование написанной вами закономерности.

3. Better Comments

Лучшее использование подсветки области комментариев, эта поддержка TODO также очень хороша.

4. BreadCrumb in StatusBar

----------------------------------------------------------------------------

Шикарная разделительная линия, следующие плагины подобраны по языку фреймворка, что использовать, не ставить если не надо, трата памяти

5. Плагин реакции

1. ES7 React/Redux/GraphQL/React-Native snippets

Приведенные фрагменты кода обширны, и этого достаточно для подсказок по коду, связанных с React.

2. Useful React Snippets

Конечно, если вы используете только React, то используйте эту подсказку по коду, этого достаточно

3. CSS Blocks

Поддержка модульной смарт-подсказки css, рекомендации по прыжкам, трещинам в стене

4. styled-components-snippets 

styled-componentsфрагмент кода

6. Плагин Vue

1. vetur

Подсветка синтаксиса, IntelliSense, Emmet и т. д.

2. VueHelper

сниппет сниппет кода

3. Vue VSCode Snippets

Очень подробный фрагмент кода vue

7. Узел

1. eggjs

Плагины помощи, связанные с Eggbox, фрагменты кода, умные советы и т. д.

2. egg-jump-definition

Функция прыжка из ящика для яиц:Cmd+4

8. Мини-программа WeChat

1. mpvue snippets

mpvueНекоторые фрагменты кода и подсказки по коду для некоторых нативных апплетов

2. minapp

использоватьVS CodeНеобходимый плагин для написания небольших программ, в нем много практических интеграций функций

9. Плагин уценки

1. Markdown All in One

Этого достаточно для плагина подсказок Markdown, который объединяет ярлыки синтаксиса, математику, предварительный просмотр и т. Д., Что очень практично.

2. markdownlint

Подсказки кода для спецификации формата синтаксиса уценки

10. Обзор кода

1. CodeMetrics 

Может рассчитать сложность кода в TS/JS (например, функций), которая связана с качеством и производительностью кода.

2.Import Cost

То есть, когда вы что-то импортируете, вы можете вычислить размер импортируемого модуля!

3. Git Lens

Я не нашел ничего более подробного, чем эта запись git.

Одиннадцать, другие

Следующие плагины являются необязательными.Если есть потребность в соответствующих функциях, они также очень хорошие плагины.

1. fileheader

Шаблон верхней заметки, который может определять автора, время и другую информацию, а также автоматически обновлять время последнего изменения

ctrl+alt+i 

2. Paste JSON as Code

Преобразование формата JSON в другие языковые форматы

3. Node.js Modules Intellisense

заnode_moduleумные советы

4. npm-import-package-version

Отображение информации о версии импортированных пакетов npm

5. File Tree View

Обеспечьте древовидное отображение функций или состояний нескольких распространенных языков программирования, вы можете быстро щелкнуть, чтобы перейти!

6. NPM-Scripts

Визуально выполнять команды npm на боковой панели (в проектеpackage.json), компактный и практичный

7. :emojisense:

12. Фрагменты кода

Два способа определения фрагментов кода

• Строка меню -> Файл -> Настройки -> Пользовательские фрагменты
  
• ctrl+shift + p => snippet

Если вы хотите найти редис или детскую обувь, вы можете присоединиться к нашему“前端内推群”, есть HR из крупных компаний, таких как BATJ, а также есть большие ребята, которые хорошо разбираются в React, Vue, Node и небольших программах.

Если вы не можете добавить его, вы можете пригласить мою младшую сестру на чашку кофе, добавить меня в WeChat, и я приглашу вас. (укажите название)