​​VSCodeThemes — удобный каталог тем для VS Code. Модные, тёмные и светлые темы.

vscodethemes.com

#theme #vscode

​​Live Server — это замечательное расширение предназначено для создания локального сервера, используемого в ходе разработки для размещения на нём статических и динамических страниц.

После установки этого расширения на панели задач появится кнопка Go Live, которая позволяет запускать сервер. Нажатие этой кнопки в ходе редактирования HTML-страницы приведёт к тому, что эта страница будет открыта в браузере. Сервер поддерживает интерактивную перезагрузку страниц, которая производится после внесения изменений в код и сохранения соответствующих файлов.

VS Code Marketplace | GitHub

#vscode #extensions

​​Debugger for Chrome — это официальное расширение для VS Code, предназначенное для отладки JS-кода средствами Google Chrome. В настоящее время оно является одним из наиболее широко используемых VS Code-расширений.

VS Code Marketplace | GitHub

#vscode #extensions

​​TODO Highlight — подсветка важных комментариев. Комментарии к коду обычно не особенно бросаются в глаза, поэтому мы нередко не обращаем на них особого внимания. В целом — это хорошо, так как они не отвлекают от работы, однако, иногда комментарии весьма важны, поэтому их хорошо было бы сделать более заметными, чтобы гарантировать их прочтение, и то, что тот, для кого они предназначены, отреагирует на них.

Благодаря расширению TODO Highlight, если в комментарии содержится слово TODO или FIXME, оно будет автоматически выделено, что точно не даст такой комментарий пропустить.

VS Code Marketplace | GitHub

#vscode #extensions

​​Material Theme — это набор тем для VS Code. Темы в очень приятных темных тонах, так же есть светлая тема. В дополнение к темам, расширение заменяет стандартные иконки на иконrи в стиле Matrial.

VS Code Marketplace | GitHub

#vscode #theme

​​VS Code прямо в браузере!

Сoder — это полноценный редактор кода в вебе. Поддерживаются расширения для VS Code, можно приглашать участников в свой проект, а так же деплоить и делиться своим проектом прямо через этот сервис.

Для каждого пользователя выделяется виртуальная машина на Linux с 3GB пространства + дополнительные 3GB для проектов.

coder.com

#vscode #tools

Microsoft анонсировали Visual Studio IntelliCode: набор AI-инструментов, которые способствуют более качественной разработке. Теперь IntelliCode доступен пользователям TypeScript/JavaScript через расширение для VS Code.

IntelliCode теперь и в TypeScript/JavaScript

#js #vscode #news

​​VSCodeThemes — удобный каталог тем для VS Code. Модные, тёмные и светлые темы.

vscodethemes.com

#theme #vscode

​​Color Highlight — это расширение для VS Code, которое добавляет отображение цветов в виде border, при обнаружении кодировки цвета в коде.

VS Code Marketplace | GitHub

#vscode #extension

​​Faker — это генератор текста для VS Code. С помощью этого плагина можно сгенерировать рандомные имена, адреса, картинки, номера телефонов и параграфы с текстом.

VS Code Marketplace | GitHub

#vscode #extension

​​Monaco Editor — это движок, на котором основан популярный VS Code. Он позволяет использовать все функции редактора кода прямо в браузере. Поддержка синтаксиса для разных языков программирования, несколько курсоров, горячие клавиши, исправление кода и многое другое. Это open-source движок, так что вы можете использовать его в своих проектах.

Демо | GitHub

#engine #vscode #js

Open in Browser — это расширение для VS Code благодаря которому, через контекстное меню, можно открыть страницу в браузере, заданном по умолчанию, или в каком-нибудь другом браузере, установленном в системе.

VS Code Marketplace | GitHub

#vscode #tools

🛠 CSS Peek — это полезное расширение для VS Code, которое позволяет добавить опцию "Go to definition" к CSS классам в HTML коде. Кликнув на эту опцию вы сразу перейдете к коду класса. Это невероятно удобная мелочь для веб-разработчиков.

💾 Установить

#tools #vscode

25 советов по продуктивности в VS Code

Изучите 25 советов и приемов VS Code, которые помогут вам писать код быстрее. Попробуйте новые потрясающие функции и расширения, которые превратят ваш редактор в полноценную среду разработки.

📺 YouTube

WebDEV #видео #vscode

📖 Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers
🖋 Bruce Johnson, 2019

Visual Studio Code, бесплатный кросс-совместимый редактор исходного кода с открытым исходным кодом, является одним из самых популярных вариантов для веб-разработчиков. Он быстрый, легкий, настраиваемый и содержит встроенную поддержку расширений JavaScript, Typescript и Node.js для других языков, включая C++, Python и PHP. Такие функции, как возможность отладки, встроенный элемент управления Git, выделение синтаксиса, сниппеты кода и поддержка интеллектуального автозавершения кода IntelliSense помогают сделать Visual Studio Code впечатляющим готовым решением. Данная книга поможет вам освоиться и стать наиболее продуктивным в работе с VS Code.

💾 Скачать книгу

WebDEV #book #VSCode