ПЕРВЫЙ АВТОМОБИЛЬНЫЙ ФОРУМ
Главная » Статьи » Новости » Авто

Лучшие расширения VSCode, которые ускорят вашу разработку на JavaScript

VSCode-это кросс-платформенный редактор с открытым исходным кодом, который стал любимым среди программистов, особенно среди веб-разработчиков. Он быстрый, расширяемый и имеет множество функций и настроек. Если Вы не работали с ним, я предлагаю вам попробовать.

Для VSCode создаются тысячи расширений. Я намерен представить некоторые из них, которые я использую каждый день. Давайте начнем!

 

Квокка.js

Квокка.js является JavaScript и typescript плагин, который отображает результаты выполнения кода в редакторе, непосредственно во время его написания. Попробуйте сами!

После установки расширения, нажмите Ctrl / Cmd ( Փ) + Shift + P, чтобы запустить палитру редактора редактора, а затем введите Quokka, чтобы увидеть список доступных команд плагина. Выберите и выполните команду создать файл JavaScript или нажмите клавиши Փ + K + J, чтобы создать новый файл. Любой введенный код будет выполнен немедленно.

Квокка.js

Похожие расширения:

    Code Runner - поддерживает множество языков (C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6 и другие);
    Бегун.


Кронштейн Пара Colorizer & Отступ Радуга

Квадратные и круглые скобки являются неотъемлемой частью многих языков программирования. В таком языке, как Javascript, простая страница может иметь целый поток этих символов, среди которых трудно различить пары открытых и закрытых скобок. В этот момент на помощь приходит скобка Pair Colorizer и отступ Rainbow. Это два разных расширения. Однако вместе они представляют собой отличное сочетание. Эти расширения наполнят ваш редактор морем цветов, сделают блоки кода отличными друг от друга и придадут им приятный вид.


Без кронштейна пара краситель и отступ радуги


Установка кронштейна Pair Colorizer и отступа Rainbow

Фрагменты

Сниппеты-это сокращения в редакторе, преобразованные в полный код. Вместо импорта реагировать из "реагировать"; написать imr и нажмите вкладку, чтобы развернуть фрагмент. В частности, clg расширяется в консоли.бревно.

Есть много фрагментов для разных направлений: JavaScript (или другие языки), React, Redux, Angular, Vue, Jest. Лично я считаю, что фрагменты JavaScript очень полезны, тем более, что я начал работать в основном с JS.

Некоторые хорошие расширения с фрагментами:

    Фрагменты кода JavaScript (ES6) ;
    Реагировать родной / реагировать / сниппеты redux для на es6 / es7;
    Реагировать стандартные фрагменты кода стиля.


Маркер Todo

Часто бывает, когда вы пишете функцию, вы понимаете, что есть лучший способ написать то же самое. Вы оставляете комментарий // todo: для Вас потребуется переписать, но потом забыть об этом и поставить код в производство. C Todo Highlighter не происходит.

Плагин выбирает TODO / FIXME или другие комментарии в ярких цветах, что довольно трудно не заметить. Модное нововведение Todo Highlighter-это список подсвеченных комментариев, который отображается в консоли.

Маркер Todo

Похожие расширения:

    Todo + - это более мощный плагин с множеством новых функций;
    Todo Parser.


Стоимость Импорта

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

Стоимость Импорта

Rest-Клиента

Веб-разработчики часто взаимодействуют с различными типами Rest API. Для изучения ссылок и проверки ответов на запрос используйте такие инструменты, как Postman. Так зачем использовать отдельное приложение, когда вы можете сделать то же самое в редакторе? Добро Пожаловать Клиент Остальных. Он позволяет отправлять HTTP-запросы и просматривать ответ непосредственно в коде Visual Studio.

Rest-Клиента

Автоматическое Закрытие Тег & Переименовать Авто

С появлением React и популярности, которую он приобрел за последние несколько лет, HTML-подобный синтаксис, в виде JSX, стал последним писком моды. Любой веб-Разработчик быстро устанет вручную писать теги в JS-файлах. В этом случае нам нужен инструмент, который может быстро и легко генерировать теги. Эммет-это очень полезный плагин, который решает эту проблему. Однако иногда хочется чего-то попроще и лаконичнее. Нам понадобится расширение, которое добавит закрывающий тег к его открытой паре и автоматически изменит закрывающий тег при изменении открывающего тега. Есть два расширения, которые могут справиться с задачами.

Они также работают с JSX и многими другими языками (XML, PHP, Vue, JavaScript, TypeScript, TSX).

Вы можете найти их здесь - Автоматическое закрытие тегов и автоматическое переименование тегов

Автоматическое Переименование Тега

Автоматическая Близкая Бирка

Похожие расширения:

    Автоматическая полная бирка-совмещает возможности вышеуказанных plug-ins;
    Закройте тег HTML / XML.


GitLens

По словам автора, GitLens расширяет возможности Git, встроенного в Visual Studio кода. Плагин включает в себя удивительное количество функций, таких как указание автора, фиксирует поиск, историю и проводник. Вы можете изучить полное описание этих функций здесь. Если вы работаете с Git, то вы должны установить этот плагин.

GitLens

Существуют и другие расширения, которые выполняют определенные задачи. Если GitLens был

Категория: Авто | Добавил: MVD (23.04.2018)
Просмотров: 324 | Теги: которые ускорят вашу разработку на , Лучшие расширения VSCode | Рейтинг: 0.0/0
Всего комментариев: 0
avatar