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