plugins_vscode

Писать код – это просто

| HTML | CSS & SASS/SCSS | Git | Расширения от Google | CSS-генератор | FTP | Bonus |

О чём тут?

В этом репозитории я собрал коллекцию расширений, инструкций и просто приятных бонусв, которыми пользуюсь в своей повседневной работе сам и, если вы уж зашли сюда, то может они заинтересуют и вас.

Шпаргалка для работы и написания кода:

Редактор исходного кода:

• Скачать редактор Visual Studio Code
• Всё о “горячих” клавишах здесь

Полезные плагины “от мала до велика”:

HTML:

• Live Server
  • Запускайте локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц. (Внимание, нужна дополнительная настройка плагина в settings.json под себя)
• HTML CSS Support
  • Заполнение атрибутов HTML id и class.
  • Поддерживает связанные и встроенные таблицы стилей.
  • Поддерживает наследование шаблонов.
  • Поддержка дополнительных таблиц стилей.
  • Поддерживает другие HTML-подобные языки.
  • Валидирует селекторы CSS по требованию.
• IntelliSense for CSS class names in HTML
  • Расширение Visual Studio Code, которое обеспечивает заполнение имени класса CSS class для атрибута класса HTML на основе определений, найденных в вашем рабочем пространстве или внешних файлах, на которые ссылается элемент ссылки.
• htmlTagWrap
  • Обертывает выделение в HTML-теги. Может обернуть строчные выделения и выделения, охватывающие несколько строк (работает как с одиночными выделениями, так и с несколькими выделениями одновременно).
  • Для использования выделите один или несколько фрагментов кода и нажмите “Alt + W” (“Option + W” для Mac). **

    CSS & SASS/SCSS

• eCSStractor
  • Плагин VSCode для извлечения имен классов из HTML и генерации таблицы стилей CSS для последующей работы.
• CSS Navigation
  • Позволяет перейти к определению из HTML в CSS / Sass / Less, обеспечивает завершение строки и символы рабочей области для имени класса class и id, а также поддерживает поиск ссылок из CSS в HTML по клику на них
    • для Win: Ctrl + left-click
    • для Mac: Cmd + left-click
• CSS Peek
  • Позволяет подсматривать строки в СSS id и class в качестве определений из html-файлов в соответствующие CSS. Позволяет подсматривать и переходить к определению.
• Live SASS Compiler
  • Расширение VSCode, которое поможет вам компилировать/транспонировать ваши файлы SASS/SCSS в файлы CSS в режиме реального времени. (Во время использования достаточно нажать Watch SASS/SCSS) **

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

• Git History
  • Просмотр и поиск журнала git вместе с графиком и деталями
  • Просмотр предыдущей копии файла
  • Просмотр и поиск в истории
  • Различные сравнения (ветки, версии, файлы…)
  • Другие функции расширения
• Git Graph
  • Просмотр Git-графика вашего репозитория и легкое выполнение Git-действий прямо внутри графического интерфейса. Настраивается так, как вам удобно!
• GitLens
  • GitLens расширяет возможности Git внутри VS Code и раскрывает неиспользованные знания в каждом репозитории. Он помогает вам с первого взгляда визуализировать авторство кода с помощью аннотаций Git blame и CodeLens, легко перемещаться и исследовать репозитории Git, получать ценные сведения с помощью богатых визуализаций и мощных команд сравнения и многое другое. **

    Расширения от Google

• Google Fonts
  • Это расширение позволяет просматривать список шрифтов Google Fonts и вставлять в код HTML или CSS @import url(…)
    • для Mac: Shift+Cmd+P Пользуйтесь шрифтами от Google легко
• GoogleTranslate
  • Простое расширение для VSCode для удобного поиска или перевода в Интернете с помощью различных движков. **

    Дополнительные полезные плюшки

    CSS генератор веб-кода

• Grid layouts
• Gradients
• Animations
• Border-radius

Работа с FTP-сервером

• FTP-Simple
  • Прямое открытие, редактирование и сохранение файлов на сервере.
  • Сохранение локально созданных файлов или каталогов на сервере (опция загрузки и резервного копирования)
  • Загрузка файла или каталога с ftp-сервера.
  • Создание каталога на удаленном сервере напрямую.
  • Открытие удаленного каталога в рабочей области (бета-версия)
  • Удаление каталога (рекурсивно) и файлов непосредственно с сервера.
  • Переименование имени файла на FTP-сервере.
  • Сравнение файлов локального файлового сервера.

    Bonus на десерт

• Слепая печать
• Punto Switcher
• Learn Git Branching

---

Собрано, протестировано, и упаковано в одну шпаргалку

by SolidadosWeb © 2020

Все совпадения случайны и на любителя

This site is open source. Improve this page.