30 плагинов кода Visual Studio, которые значительно повышают эффективность разработки

JavaScript TypeScript Visual Studio Code CSS

Переводчик пресса:Прочитав эту статью, я собираюсь перейти с Sublime Text на Visual Studio Code!

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

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

Если вы еще новичок в VSC, нажмите кнопку внизу слева, чтобы установить плагин.

Material Theme

Загрузки:1,3 миллиона

Самая старая тема Visual Studio Code!

Auto Import

Загрузки:460 000

Автоматический поиск, анализ и последующее завершение кода. Для TypeScript и TSX это работает.

Import Cost

Загрузки:410 000

Плагин отображает размер импортируемых пакетов в конце строки. Для расчета размера пакета плагин использует Webpack и babili-webpack-plugin.

Indent-Rainbow

Загрузки:130 000

Простой плагин может сделать выравнивание более читабельным.

IntelliSense for CSS class names in HTML

Загрузки:2,43 миллиона

На основе вашего проекта и черезlinkТеги ссылаются на внешние файлы, этот интеллектуальный плагин обеспечивает завершение имен классов CSS в HTML.

SVG Viewer

Загрузки:290 000

Плагин для предварительного просмотра SVG.

Prettier

Загрузки:3,57 миллиона

Вы абсолютно не можете обойтись без этого плагина, он нужен вам, чтобы украсить ваш код JavaScript/TypeScript/CSS одним щелчком мыши.

React Native Tools

Загрузки:2,18 миллиона

Подсказки по коду, отладка, команды для интеграции RN.

Sublime Text Keymap and Settings Importer

Загрузки:760 000

Судя по загрузкам, кажется, что с Sublime Text ушло много людей.

Этот плагин изменяет привязки сочетаний клавиш кода Visual Studio, чтобы они были такими же, как в Sublime Text 3. Вы можете попробовать: cmd + P (Mac), ctrl + P (Windows).

Можно перейти к файлу, если добавить перед поиском>Symbols, вы даже можете искать такие действия, как открытие встроенного терминала, установка плагинов и многое другое.

Для тех, кто привык к ST3, это большой плюс.

npm Intellisense

Загрузки:880 000

Плагины VSCode могут автоматически заполнять имена модулей npm в операторах импорта.

lit-html

Загрузки:30000

В файлах JavaScript/TypeScript, если используются теги HTML, lit-html обеспечивает подсветку синтаксиса и соответствующую поддержку завершения.

highlight-matching-tag

Загрузки:60000

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

GitLens

Загрузки:7,72 миллиона

Ничего не говорите, просто загрузите картинку!

Git Project Manager

Загрузки:370 000

Git Project Manager позволяет вам искать и открывать проект на основе управления Git одним щелчком мыши.

Git History

Загрузки:3,32 миллиона

Используется для просмотра журнала git или истории git файла, сравнения различных веток, коммитов.

File Utils

Загрузки:80000

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

Bracket Pair Colorizer

Загрузки:2,28 миллиона

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

Color Highlight

Загрузки:250000

Визуализируйте цвета, которые вы определяете.

CSS Peek

Загрузки:230 000

Его определение можно найти в HTML по идентификатору или классу CSS.

Debugger for Chrome

Загрузки:11,11 млн.

Используйте Chrome для отладки кода JavaScript или любую другую платформу, поддерживающую протокол Chrome Debugger.

Quokka.js

Загрузки:1,72 миллиона

Выполнение кода JavaScript в режиме реального времени (полезно для быстрых демонстраций).

Trailing Spaces

Загрузки:70 000

Выделите эти лишние пробелы и быстро удалите их.

TypeScript Hero

Загрузки:720 000

Детская обувь для помощи в программировании на TypeScript!

WakaTime

Загрузки:240 000

Создавайте отчеты с данными о ваших привычках использования.

Vetur

Загрузки:4,51 миллиона

Инструменты Vue под VS Code! Разработанный Pine Wu, он был загружен более 4 миллионов раз!

Code Runner

Загрузки:3,46 миллиона

Поддерживает немедленное выполнение кода на нескольких языках. Поддерживаемые языки: C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script , C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D.

PHP IntelliSense

Загрузки:4,15 миллиона

vscode-icons

Загрузки:7,99 миллиона

Коллекция икон.

Jest

Загрузки:290 000

Получайте удовольствие, используя Facebook Jest.

React.js code snippets

Загрузки:590 000

Очень удобно разрабатывать приложения React.js с синтаксисом ES6.

О Фундебаге

FundebugСосредоточьтесь на JavaScript, мини-программах WeChat, мини-играх WeChat, мини-программах Alipay, React Native, Node.js и мониторинге ошибок Java в режиме реального времени. С момента официального запуска Double Eleven в 2016 году Fundebug обработал более 600 миллионов ошибок и был признан многими известными пользователями, такими как Google, 360 и Kingsoft. Бесплатная пробная версия приветствуется!

Уведомление об авторских правах

Пожалуйста, указывайте автора при перепечаткеFundebugИ адрес этой статьи:
bug.com/2018/07/24/…