Если вы программист, высока вероятность, что вы используете код Visual Studio для своей разработки. Это бесплатный редактор исходного кода, выпущенный в 2015 году, разработанный Microsoft и работающий в Windows, Linux и macOS. По умолчанию он включает базовую поддержку для большинства распространенных языков программирования. Возможно, он не такой мощный, как визуальная студия, но благодаря удобству использования и мощным расширениям он стал инструментом разработки №1 в течение нескольких лет.
Расширения
Одна из самых полезных функций Visual Studio Code - это расширения. Разработчики могут использовать расширения для добавления языков, отладчиков, инструментов разработки, тем, новых функций для поддержки рабочего процесса разработки и многого другого. Расширения в коде VS запускаются в собственном процессе и загружаются лениво. Доступно множество расширений, которые можно просмотреть на рынке визуальных студий.
Вот тщательно подобранный список наиболее полезных расширений, которые помогают разработчикам повысить свою продуктивность и сделать их лучше.
Чистый код и рефакторинг
1. Показатели кода
Вычисляет сложность в файлах TypeScript / JavaScript / Lua.
2. Abracadabra, рефакторинг
Мощное расширение, обеспечивающее автоматический рефакторинг для JavaScript и TypeScript. Ниже приведены некоторые варианты рефакторинга, которые может выполнять это расширение.
- Переименовать символ
- Извлечь переменную, универсальный тип
- Встроенная переменная, функция
- Перенести заявление вверх / вниз
- Преобразовать If / Else в Ternary и наоборот
- Преобразовать If / Else в Switch и наоборот
- Оператор слияния / разделения If
3. Фокус-покус
Расширение автоматического рефакторинга, которое создает варианты функций / переменных / классов / переключателей в JavaScript и Type Script.
4. SonarLint
SonarLint выделяет ошибки и уязвимости безопасности при написании кода
5. ESLint
Интегрирует ESLint в VS Code.
6. Лучшие комментарии
Расширение Better Comments поможет создавать в коде более понятные для человека комментарии.
7. Документируйте это
Автоматически генерирует подробные комментарии JSDoc для файлов TypeScript и JavaScript.
8. Проверка орфографии кода
Помогите отловить распространенные орфографические ошибки.
9. Visual Studio IntelliCode
Это расширение обеспечивает IntelliSense с помощью AI, показывая рекомендуемые элементы завершения для контекста кода в верхней части списка завершений.
10. TODO Highlight
Иногда мы забываем просмотреть TODO, добавленные во время кодирования. Это расширение выделяет их и напоминает, что есть заметки или что-то еще не сделано.
Фрагменты кода
Скучная часть разработки - набирать одно и то же снова и снова. Вот фрагменты, которые помогают автоматически генерировать код и сокращают усилия по разработке.
11. Фрагменты кода JavaScript (ES6)
Это расширение содержит фрагменты кода для JavaScript в синтаксисе ES6 для редактора Vs Code (поддерживает как JavaScript, так и TypeScript).
12. ES7 React / Redux / GraphQL / React-Native фрагменты
Это расширение предоставляет вам фрагменты JavaScript и React / Redux в ES7 с функциями плагина Babel.
13. Фрагменты Vue 2/3
Это расширение добавляет фрагменты кода Vue 3 в код Visual Studio.
14. Angular 10 сниппетов
Visual Studio Code TypeScript и фрагменты Html и примеры кода для Angular 2,4,5,6,7,8,9 и 10.
15. Фрагменты кода Reactjs
Фрагменты кода для React
16. Bootstrap 4, Font awesome 4, Font Awesome 5, бесплатные и профессиональные фрагменты
Bootstrap 4, Font awesome 4 и Font Awesome 5 Бесплатные и профессиональные фрагменты.
17. Фрагменты модульного тестирования Angular Jasmine
Фрагменты модульного тестирования Angular в Jasmine
18. Фрагменты узлов
Короткие и простые сниппеты для Node.js
База данных
Если вы не хотите оставлять код VS для выполнения действий, связанных с базой данных, то для вас есть расширения. Ниже приведены некоторые из действий, которые можно выполнять.
- Подключитесь к Microsoft SQL Server, базе данных SQL Azure и хранилищам данных SQL.
- Создавайте и управляйте профилями подключений и последними использованными подключениями.
- Напишите сценарий T-SQL с помощью IntelliSense, перехода к определению, фрагментов T-SQL, расцветки синтаксиса, проверки ошибок T-SQL и
GO
разделителя пакетов. - Выполняйте свои сценарии и просматривайте результаты в простой в использовании сетке.
- Сохраните результат в формате JSON или CSV и просмотрите его в редакторе.
- Настраиваемые параметры расширения, включая сочетания клавиш и многое другое.
19. SQL Server (mssql)
Клиент SQL Server для кода Visual Studio.
20. MySQL
Клиент MySQL для кода Visual Studio
21. PostgreSQL
Клиент PostgreSQL 9.4+ для кода Visual Studio
22. MongoDb
Клиент MongoDB для кода Visual Studio
23. SQLTools
Управление базой данных для VSCode
- Украситель / форматер
- Средство выполнения запросов, история и закладки
- Проводник подключений
- Генераторы запросов (только INSERT)
Темы и стиль
Если вам не нравятся цвета / темы по умолчанию в коде Visual Studio, то для настройки внешнего вида редактора доступно множество расширений.
24. Тема «Скоро зима»
25. Один темный профи
Знаменитая тема One Dark от Atom и одна из самых популярных тем для VS Code!
26. Ноктис
Коллекция светлых и темных тем с хорошо сбалансированным сочетанием теплых и холодных цветов.
27. Материальная тема
Самая эпическая тема для Visual Studio Code
28. Тема Дракулы
Официальная тема Дракулы. Темная тема для многих редакторов, оболочек и многого другого.
29. Значки кода VS
Цветные значки для кода Visual Studio
30. Красивее
Код отформатирован с использованием красивее
31. Украсьте
Украсить код для VS Code
32. Павлин
Слегка измените цвет рабочего пространства вашего рабочего места. Идеально, если у вас есть несколько экземпляров VS Code и вы хотите быстро определить, что есть что.
Контроль версий
33. GitLens
GitLens помогает лучше понимать код. Быстро узнайте, кто, почему и когда была изменена строка или блок кода. Вернитесь в прошлое, чтобы лучше понять, как и почему развивался код. Легко исследуйте историю и эволюцию кодовой базы.
34. История Git
История Git, поиск и многое другое (включая журнал git)
35. CodeStream
Платформа для совместной работы разработчиков, которая объединяет в VS Code основные инструменты разработки, такие как GitHub, GitLab, Bitbucket, Slack, Teams, Jira, Trello и другие.
Отладка
Расширения VS Code для отладки кода JavaScript в браузере Google Chrome, Firefox
36. Отладчик для Chrome
37. Отладчик для Firefox
38. Отладчик для узла
Утилиты
39. Полакод
Polaroid для вашего кода
40. Живой сервер
Запустите локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц.
41. Стоимость импорта
Это расширение будет отображать в редакторе в строке размер импортированного пакета. Расширение использует webpack с babili-webpack-plugin для определения импортированного размера.
42. Счетчик VS Code
Расширение VS Code: подсчитывает пустые строки, строки комментариев и физические строки исходного кода на многих языках программирования.
43. Синхронизация настроек
Синхронизируйте настройки, фрагменты, темы, значки файлов, запуск, привязки клавиш, рабочие области и расширения на нескольких машинах с помощью GitHub Gist.
44. Конфигурация редактора
EditorConfig Поддержка кода Visual Studio
Раскладки
Если вы работали над Java, .Net, возможно, вы использовали другие IDE, такие как Eclipse, Visual studio, и вы, возможно, захотите использовать те же сочетания клавиш с кодом VS. Ниже приведены расширения, которые позволяют использовать те же сочетания клавиш.
45. Visual Studio
Это расширение переносит популярные сочетания клавиш Visual Studio в Visual Studio Code.
46. Атом
Это расширение переносит популярные сочетания клавиш Atom в Visual Studio Code.
47. Превосходный текст
Это расширение импортирует сочетания клавиш и настройки из Sublime Text в VS Code.
48. Затмение
Это расширение переносит популярные сочетания клавиш Eclipse в Visual Studio Code.
49. Блокнот ++
Это расширение переносит популярные сочетания клавиш Notepad ++ в Visual Studio Code.
50. Jetbrains IDE
Это расширение импортирует привязки клавиш из JetBrains в VS Code.
Бонус
51. Vim
Эмуляция Vim для кода Visual Studio
52. Клиент REST
Клиент REST позволяет отправлять HTTP-запросы и напрямую просматривать ответ в Visual Studio Code.
53. Узловые модули
Простое расширение для Visual Studio Code, которое позволяет быстро удалить или выполнить поиск в каталоге node_modules вашего проекта.
54. SimonTest
Это расширение анализирует ваш код и создает необходимые заглушки, настраивает TestBed и даже генерирует базовые тесты.
55. Улучшен предварительный просмотр Markdown
Это расширение обеспечивает предварительный просмотр документов уценки внутри VS Code в реальном времени.
Если вам нравится использовать какое-либо расширение, но его нет в приведенном выше списке, не стесняйтесь добавить его в раздел комментариев.