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

VS Code Marketplace | GitHub

#vscode #tools

Git Graph — это расширение для VS Code, которое помогает просматривать ветки репозитория и также делать поиск по истории. Для разработчиков кто часто принимает pull request и делает code review это расширение станет незаменимым.

VS Code Marketplace | GitHub

#tools #git

Prettier — это своеобразный преобразователь кода. Его целью является обеспечение применения стандартизированного стиля кодирования. Благодаря Prettier код можно форматировать прямо в редакторе.

VS Code Marketplace | GitHub

#tools #vscode

WakaTime — это трекер времени для программистов. Его можно установить в IDE или редактор кода и он будет отслеживать время работы над проектами. Трекер записывает сколько времени вы работали с тем или иным языком программирования, проектом, редактором кода. Просмотреть статистику можно в удобном дашборд. Поддерживает все современные IDE и редакторы кода.

Сайт | GitHub

#tools #productivity

Топ 5 сайтов для прокачивания навыков программирования в 2020 году

Решение задач — хороший способ развить навыки разработки и найти пробелы в знаниях. В статье есть топ 5 сервисов для проверки и апгрейда своего скила.

Читать статью

#article #tools #coding

Glitch — это универсальный инструмент, который позволяет программистам выполнять различные действия. Вы можете использовать его для создания веб-приложений в браузере. Если вы хотите увидеть похожие проекты, созданные другими людьми, вы можете просто импортировать репозитории GitHub. Будет намного проще сделать ремикс на эти приложения, что сократит процесс разработки. Инструмент позволяет программистам приглашать других людей в проекты.

Сайт | GitHub

#tools #glitch

Devdocs — это документация по API для всех популярных языков программирования. Он объединяет разную документацию по API в один мощный инструмент. Инструмент имеет функцию мгновенного поиска, которую вы можете использовать, чтобы найти любой фрагмент кода, который вы хотите. Вы также можете использовать его в автономном режиме.

Сайт | GitHub

#tools #app #pwa

Mackaroo — это инструмент для генерации тестовых данных. Данные могут быть сгенерированы в различных форматах, включая CSV, SQL, JSON и другие. Целых 143 типа данных, которые можно выбрать! Единственный минус — имена, адреса, телефоны, все на английском.

Сайт | GitHub

#tools #app #test

Redash — отличный инструмент с открытым исходным кодом для визуализации ваших данных на спецпанели. Он предоставляет полный набор функций для работы с данными в команде. Сервис интегрирован с MySQL, PostgreSQL, MongoDB, ElasticSearch и другими системами.

С помощью Redash вы можете визуализировать изменения и держать всё под контролем. Кстати, вы будете уведомлены о критических изменениях.

Сайт | GitHub

#tools #visualization

BitBucket — это система контроля версий, которая упрощает работу с вашей командой.

В отличие от Github, предлагает хранилища для пяти пользователей бесплатно. Пользовательский интерфейс BitBucket прост в использовании, а интеграция, которую предлагает BitBucket, чрезвычайно полезна (Jira, HipChat и Trello и BitBucket принадлежат одной компании).

Сайт

#tools #web

Bundlephobia — это инструмент, который позволяет программистам загружать различные пакеты в реестре NPM. Bundlephobia помогает проектировать архитектуру приложения так, чтобы его размер не оказался бы слишком большим. Вы также можете загрузить свой файл package.json, чтобы он мог сканировать все зависимости в вашем проекте.

Сайт | GitHub

#tools #npm

Draw.io — отличный инструмент для создания прототипов, макетов и моделей. Его можно использовать в разных целях, благодаря коллекциям шаблонов. Но основное предназначение сервиса — проектирование процессов, систем перед их внедрением с помощью кода (или с помощью фотошопа).

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

Сайт | GitHub

#tools #software

Codeply — идеальный инструмент для разработчиков. Он может помочь вам создать адаптивные макеты с помощью Bootstrap. Он также имеет инструменты SemanticUI и CSS, которые важны для разработки интерфейса.

Сайт | GitHub

#tools #design #web

🛠 Path Intellisence — это одно из тех расширений, которое гарантированно улучшит вашу производительность при разработке. Оно начинало с простого автокомплита имени файлов, однако сейчас это рекомендуемое расширение для каждого разработчика, которое предоставляет набор инструментов для современных разработчиков.

— возможность конфигурации
— выбор между абсолютным и относительным путями
— можно использовать для автокомплита скрытых файлов

💾 Установить

#tools #vscode

🛠 Project Manager — это очень крутое расширение, которое помогает переключаться между проектами внутри VS Code.

Теперь вам не придется открывать проводник и искать нужную папку со своим проектом. После установки расширения у вас появится небольшое боковое меню со списком ваших проектов.

— можно легко переключаться между проектами;
— можно добавлять проекты в "Избранное";
— расширение автоматически распознает Git проекты.

💾 Установить

#tools #vscode

🛠 Better Comments — это расширение, которое сделает ваши комментарии в коде заметнее и понятнее. Оно раскрасит их в соответствии со значением.

Теперь вы легко можете оставить своей команде предупреждение или задать вопрос с помощью символов ! и ? – они точно будут замечены.

💾 Установить

#tools #vscode

🛠 Quokka — это утилита, дающая вам возможность предварительного просмотра результата выполнения того или иного куска кода. Она выдает вам результаты выполнения функций и посчитанные значения переменных. Расширение легко настроить, и оно запускается из того же ящика, что и JSX или Typescript проекты.

💾 Установить

#tools #vscode

🛠 Highlight Matching Tag — это расширение для VS Code, которое подчёркивает теги. Признавайтесь, часто теряетесь в веренице тегов? Расширение будет искать потерянный закрывающий тег за вас.

💾 Установить

#tools #vscode

🛠 Regex Previewer — это очень полезный инструмент, который позволяет вам работать с регулярными выражениями прямо в текстовом редакторе. Он принимает на вход два регулярных выражения и выдаёт результаты сравнения. Принцип работы чем-то похож на RegExr.

💾 Установить

#vscode #tools

🛠 Polacode — это отличное расширение для VS Code, которое позволяет делать красивые скриншоты ваших кодов в связке с Вашей темой прямо внутри рабочей среды.

💾 Установить

#tools #vscode