Напишите другую конфигурацию VSCode (JS/React) для разработчиков интерфейса (JS/React)

внешний интерфейс JavaScript React.js Jest
Напишите другую конфигурацию VSCode (JS/React) для разработчиков интерфейса (JS/React)

Я считаю, что все больше и больше фронтенд-разработчиков мигрировали в лагерь VSCode, и мы не будем здесь сравнивать основные редакторы. Потому что я боюсь, что не смогу победить вас, ребята. ^_^

VSCode быстрый, стабильный и отлично поддерживает TS.

У меня всегда было хорошее впечатление о готовых редакторах, но всем им чего-то более или менее не хватает, а расширения, созданные огромным количеством соотечественников, отлично решают эту проблему, спасибо всем разработчикам здесь, я раздача рук.

Здесь я разверну спорИнструментыа такжеЯзыковые курсы

Инструменты

Bracket Pair Colorizer - Visual Studio Marketplace

Он заключается в том, чтобы покрасить парные скобки в один и тот же цвет, чтобы их было легко найти Я скачал его и не включил. Такое ощущение, что это нарушает общий стиль VSCode (мне не очень хорошо).

1*Mc7P11ekmFL7irjflGkMIg.png

change-case - Visual Studio Marketplace

Это изменение слова (имени) на другой стиль, что очень полезно при написании Redux.

1*mlhkVnC37sL8XHytACkLEw.gif

Code Spell Checker - Visual Studio Marketplace

Обнаружение опечаток при написании кода. Сократите процесс поиска на полдня из-за неправильного слова (нейминга).

example.gif

EditorConfig for VS Code - Visual Studio Marketplace

Обычно используется, я думаю, вы установили его без объяснения причин.

File Utils - Visual Studio Marketplace

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

howto.png

Find Related Files - Visual Studio Marketplace

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

screenshot.png

FiraCode

настоятельно рекомендуется! Не притворяться — нехороший товарищ. Ответственный за внешний вид!

687474703a2f2f732e746f6e736b792e6d652f696d67732f666972615f636f64655f6c6f676f2e737667

GitLens — Git с наддувом — Visual Studio Marketplace

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

gitlens-preview.gif

macros - Visual Studio Marketplace

Пользовательские макросы, более мощные, чем сниппеты

Markdown All in One - Visual Studio Marketplace

Лучший инструмент для Markdown, я думаю, вы давно его искали. Различные сочетания клавиш, создание таблиц, предварительный просмотр, все

keybinding2.gif

toc.png

Multi Line tricks - Visual Studio Marketplace

Включите поведение Alt+L (выбор строки) и Alt+Shift+L (выбор нескольких курсоров) в VSCode.

line-selection-and-multiple-cursors.gif

Nest Comments - Visual Studio Marketplace

Вы когда-нибудь сталкивались с фрагментом кода, который нужно прокомментировать с помощью комментариев? очень больно?

nest_html.gif

Path Intellisense - Visual Studio Marketplace

Обычно используется, я думаю, вы установили его без объяснения причин.

Project Manager - Visual Studio Marketplace

Переключение между несколькими проектами становится проще простого.

GitHub.com/ ах, фраг, тогда ты...

Sensitive Replace - Visual Studio Marketplace

Полезно при написании Redux, более совместимо с change-case

27121153-b761edc4-5118-11e7-8412-408c7ff14b95.gif

Settings Sync - Visual Studio Marketplace

Настройте синхронизацию, и смените компьютер, чтобы восстановить редактор одним кликом.

Toggle Quotes - Visual Studio Marketplace

Преобразование в один клик" -> ' -> `

Unique Lines - Visual Studio Marketplace

Что еще интересно, в редакторе нет дубликатов. Эффект не очень широкий.

Языковой класс (в основном для фронтенд-разработки React)

Auto Rename Tag - Visual Studio Marketplace

Обычно используется, я думаю, вы установили его без объяснения причин.

ESLint - Visual Studio Marketplace

Обычно используется, я думаю, вы установили его без объяснения причин.

glean - Visual Studio Marketplace

Позволяет извлекать машинописный и javascript-код в отдельные модули, а также генерировать компоненты JSX.

1*MD2ZG0gD17FwqhMEFuyDcg.gif

1*4RULyn0XR783jRYYdrej3A.gif

htmltagwrap - Visual Studio Marketplace

Добавление тегов HTML в существующий код будет проще, чем когда-либо

screenshot.gif

javascript console utils - Visual Studio Marketplace

Добавить или удалить console.* одним щелчком мыши

Jest Snippets - Visual Studio Marketplace

Фрагменты кода для тестирования фреймворка Jest

npm Intellisense - Visual Studio Marketplace

Обычно используется, я думаю, вы установили его без объяснения причин.

Prettier - Code formatter - Visual Studio Marketplace

Артефакт, вы можете посмотреть другие мои статьи об этом.

TSLint - Visual Studio Marketplace

Обязательно для любителей ТС.

Version Lens - Visual Studio Marketplace

Используйте с осторожностью! Не приходи ко мне, если облажаешься.

animated-preview.gif

напиши в конце

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

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