Полезно для разработчиков JavaScript

Пожалуйста, Разветвите, Пометьте и Внесите: https://github.com/yogain123/A-to-Z-List-of-Useful -JS-VS-Code-Extensions

Примечание: список в алфавитном порядке.

Для дополнительного посещения: https://github.com/yogain123/A-to-Z-List-of-Useful-JS-VS-Code-Extensions/issues

Взносы приветствуются.

Расширения для разработки

  1. Angular 8 Snippets (https://marketplace.visualstudio.com/items?itemName=Mikael.Angular-BeastCode) - фрагменты кода TypeScript и Html Visual Studio и примеры кода для Angular 2,4, 5,6, 7 и 8 Beta. Все фрагменты кода основаны на руководстве по стилю Angular https://angular.io/docs/ts/latest/guide/style-guide.html и следуют ему.
  2. Angular Files (https://marketplace.visualstudio.com/items?itemName=alexiv.vscode-angular2-files) - это расширение позволяет быстро создавать шаблоны angular 2 файлов в проекте VS Code.
  3. Angular Language Service (https://marketplace.visualstudio.com/items?itemName=Angular.ng-template) - услуги редактора для шаблонов Angular.
  4. Тег автоматического закрытия (https://marketplace.visualstudio.com/items?itemName=Mikael.Angular-BeastCode) - автоматически добавляет закрывающий тег HTML / XML, как это делают Visual Studio IDE или Sublime Text.
  5. Автоимпорт (https://marketplace.visualstudio.com/items?itemName=steoates.autoimport) - автоматически находит, анализирует и предоставляет действия кода и автозавершение кода для всех доступных операций импорта. Работает с Typescript и TSX.
  6. Автоматическое переименование тега (https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) - автоматическое переименование парного тега HTML / XML, как это делает Visual Studio IDE.
  7. Украсить (https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify) - Украсить javascript, JSON, CSS, Sass и HTML в Visual Studio Code.
  8. Лучшие комментарии (https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) - улучшите комментирование кода, добавляя предупреждения, информационные сообщения, TODO и многое другое!
  9. Закладка (https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks): помечайте строки и переходите к ним.
  10. Изменить регистр (https://marketplace.visualstudio.com/items?itemName=mostafa.change-case) - быстро изменить регистр (camelCase, CONSTANT_CASE, snake_case и т. д.) текущего выбора или текущего слово
  11. Навигатор кода (https://marketplace.visualstudio.com/items?itemName=vikas.code-navigation) - очень легко перемещаться по коду назад и вперед.
  12. Средство выполнения кода (https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner) - запуск фрагмента кода или файла кода для нескольких языков.
  13. Code Time (https://marketplace.visualstudio.com/items?itemName=softwaredotcom.swdc-vscode) - Code Time - это плагин с открытым исходным кодом, который предоставляет показатели программирования прямо в Visual Studio Code.
  14. Выделение кода (https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight) - выделение веб-цветов в редакторе.
  15. Cypher Query Language (https://marketplace.visualstudio.com/items?itemName=jakeboone02.cypher-query-language) - выделение синтаксиса для Cypher Query Language от Neo4j.
  16. Отладчик для Chrome (https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) - отладьте свой код JavaScript в браузере Chrome или на любой другой цели, поддерживающей Протокол отладчика Chrome.
  17. Docker (https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker) - добавляет подсветку синтаксиса, команды, подсказки при наведении и линтинг для файлов Dockerfile и docker-compose. .
  18. DotENV (https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv) - поддержка синтаксиса файла dotenv.
  19. EditorConfig для VS Code (https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) - Поддержка EditorConfig для кода Visual Studio
  20. ES7 React / Redux / GraphQL / React-Native сниппеты (https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) - Простые расширения для React, Redux и Graphql в JS / TS с синтаксисом ES7
  21. ESLint (https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - интегрирует ESLint JavaScript в VS Code.
  22. Excel Viewer (https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer) - просмотр таблиц Excel и файлов CSV в рабочих областях Visual Studio Code.
  23. Экспресс-фрагменты (https://marketplace.visualstudio.com/items?itemName=vladmrnv.expresssnippet) - Экспресс-фрагменты для VS Code
  24. Файловый навигатор (https://marketplace.visualstudio.com/items?itemName=jakelucas.code-file-nav) - расширение Visual Studio Code, которое обеспечивает удобную навигацию и управление файлами / папками в файловой системе. с помощью палитр быстрого выбора.
  25. История Git (https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory) - просмотр журнала git, истории файлов, сравнение ветвей или коммитов.
  26. Git Lens (https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) - Расширьте возможности Git, встроенные в код Visual Studio - Визуализируйте авторство кода с первого взгляда с помощью аннотаций Git виноват и линза кода, беспрепятственная навигация и исследование репозиториев Git, получение ценной информации с помощью мощных команд сравнения и многое другое
  27. Руководства (https://marketplace.visualstudio.com/items?itemName=spywhere.guides) - расширение для дополнительных направляющих.
  28. HTML To Pug (https://marketplace.visualstudio.com/items?itemName=dbalas.vscode-html2pug) - расширение HTML в PUG VSCode
  29. IntelliSense для имен классов CSS в HTML (https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion) - завершение имени класса CSS для атрибута класса HTML на основе на определениях, найденных в вашем рабочем пространстве.
  30. Фрагменты кода JavaScript (ES6) (https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets) - фрагменты кода для JavaScript в синтаксисе ES6.
  31. Jest (https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest) - используйте шутку Facebook с удовольствием. (Это среда тестирования)
  32. JSON в TS (https://marketplace.visualstudio.com/items?itemName=MariusAlchimavicius.json-to-ts) - преобразование объекта JSON в интерфейсы машинописного текста.
  33. LeetCode (https://marketplace.visualstudio.com/items?itemName=shengchen.vscode-leetcode) - решение проблем LeetCode в VS Code
  34. Live Sass Compiler (https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass) - компилируйте Sass или Scss в CSS в реальном времени с перезагрузкой браузера в реальном времени.
  35. Live Server (https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - запуск локального сервера разработки с функцией перезагрузки в реальном времени для статических и динамических страниц.
  36. markdownlint (https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint) - Линтинг Markdown и проверка стиля для кода Visual Studio.
  37. Тема значка материала (https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) - Значки дизайна материалов для кода Visual Studio
  38. Перемещение TS - перемещение файлов TypeScript и обновление относительного импорта (https://marketplace.visualstudio.com/items?itemName=stringham.move-ts) - расширение для перемещения файлов и папок с машинописным текстом и обновления относительного импорта в вашем рабочем пространстве
  39. Вложенные комментарии (https://marketplace.visualstudio.com/items?itemName=philsinatra.nested-comments) - это расширение VSCode для переключения вложенных комментариев.
  40. Узловые модули разрешаются (https://marketplace.visualstudio.com/items?itemName=naumovs.node-modules-resolve) - предоставляет определения для commonjs, которые требуются в вашем коде для быстрой навигации.
  41. Node.js Extension Pack (https://marketplace.visualstudio.com/items?itemName=waderyan.nodejs-extension-pack) - популярные расширения VS Code для разработки на Node.js.
  42. Модули Node.js Intellisense (https://marketplace.visualstudio.com/items?itemName=leizongmin.node-module-intellisense) - Автозаполнение модулей Node.js в операторах импорта
  43. npm (https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script) - поддержка npm для VS Code
  44. npm Intellisense (https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) - плагин Visual Studio Code, который автоматически заполняет модули npm в операторах импорта.
  45. One Dark Pro (https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme) - культовая тема Atom One Dark для Visual Studio Code.
  46. Открыть HTML в браузере по умолчанию (https://marketplace.visualstudio.com/items?itemName=peakchen90.open-html-in-browser) - открыть HTML в браузере по умолчанию
  47. Вставить JSON как код (https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype) - скопируйте JSON, вставьте как Go, TypeScript, C #, C ++ и т. д.
  48. Path Intellisense (https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) - плагин Visual Studio Code, который автоматически заполняет имена файлов.
  49. Менеджер проекта (https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager) - легко переключаться между проектами.
  50. Quokka.js (https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode) - Живой блокнот для JavaScript.
  51. Радужные скобки (https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets) - укажите цвета радуги для круглых скобок, квадратных скобок и волнистых скобок. Это особенно полезно для программистов на Lisp или Clojure, и, конечно же, для JavaScript и других программистов.
  52. React Pure To Class (https://marketplace.visualstudio.com/items?itemName=angryobject.react-pure-to-class-vscode) - заменяет чисто функциональные компоненты реакции на компоненты класса. Работает как для JavaScript, так и для TypeScript.
  53. Удаленные контейнеры (https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) - откройте любую папку внутри контейнера (или смонтированную в нем) и воспользуйтесь преимуществами полного набора функций Visual Studio Code.
  54. Remote-SSH (https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh) - откройте любую папку на удаленном компьютере с помощью SSH и воспользуйтесь преимуществами VS Полный набор функций кода.
  55. Удаленный - SSH: редактирование файлов конфигурации (https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh-edit) - редактирование файлов конфигурации SSH
  56. Remote-SSH: Explorer (https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh-explorer) - предоставляет проводник для пультов SSH.
  57. Удаленный - WSL (https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl) - откройте любую папку в Подсистеме Windows для Linux (WSL) и возьмите преимущество полного набора функций Visual Studio Code.
  58. Remote-Developers (https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack) - пакет расширений, который позволяет открывать любую папку в контейнере. , на удаленном компьютере или в WSL и воспользуйтесь полным набором функций VS Code.
  59. Клиент REST (https://marketplace.visualstudio.com/items?itemName=humao.rest-client) - Клиент REST позволяет отправлять HTTP-запросы и просматривать ответ напрямую в коде Visual Studio.
  60. Поиск node_modules (https://marketplace.visualstudio.com/items?itemName=jasonnutter.search-node-modules) - быстрый поиск в папке node_modules.
  61. Синхронизация настроек (https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) - синхронизация настроек, фрагментов, тем, значков файлов, запуска, привязок клавиш, рабочих областей и расширений. На нескольких машинах с использованием GitHub Gist.
  62. Swagger Viewer (https://marketplace.visualstudio.com/items?itemName=Arjun.swagger-viewer) - Swagger Viewer позволяет просматривать и проверять файлы Swagger 2.0 и OpenAPI при вводе кода Visual Studio. .
  63. TabNine (https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode) - Автозаполнение на всех языках - TabNine использует машинное обучение, чтобы помочь вам быстрее писать код.
  64. TypeScript Hero (https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero) - STypeScript Hero - это расширение vscode, которое упрощает вашу жизнь. Когда вы пишете много TypeScript, вам может понадобиться vscode для организации импорта.
  65. Несохраненные файлы (https://marketplace.visualstudio.com/items?itemName=wraith13.unsaved-files-vscode) - легкий доступ к несохраненным файлам для vscode.
  66. Линза версии (https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens) - показывает последнюю версию для каждого пакета с использованием линзы кода.
  67. VSCode-Faker (https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker) - создание поддельных данных для имени, адреса, lorem ipsum, коммерции и многого другого.
  68. vscode-styled-components (https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components) - подсветка синтаксиса и IntelliSense для стилизованных компонентов.