VSCode - Топ 5 расширений.

Статус
В этой теме нельзя размещать новые ответы.
Node

Node

HTM.
Друг HARD-TM
Статус
Offline
Регистрация
20 Мар 2021
Сообщения
77
Лайки
377
В данной теме поговорим о интересных расширениях, которые упростят написания кода и кастомизируют ваш Для просмотра ссылки Войди или Зарегистрируйся.

1. Для просмотра ссылки Войди или Зарегистрируйся.
Beautify - Облегчает чтение HTML, CSS и JS путем де-минимизации и применения подходящих отступов в вашей разметке.

2. Для просмотра ссылки Войди или Зарегистрируйся.
CSS Peek - Данное расширение вырезанная фича CSS Inline Editors из Для просмотра ссылки Войди или Зарегистрируйся.
working.gif

3. Для просмотра ссылки Войди или Зарегистрируйся
Live Server - локальный сервер разработки с функцией живой перезагрузки для статических и динамических страниц.
vscode-live-server-animated-demo.gif

4. Для просмотра ссылки Войди или Зарегистрируйся
Красивые скриншоты, как из мой темы сайт - Для просмотра ссылки Войди или Зарегистрируйся. Подсвечивает код и делает снимок с цветами вашей темы.
usage.gif

5. Для просмотра ссылки Войди или Зарегистрируйся
Красивая тема в темных тонах для Для просмотра ссылки Войди или Зарегистрируйся.
preview.png

На этом подходит тема к концу, если эта тема будет вам интересна, то сделаю еще подборку интересных разрешений для Для просмотра ссылки Войди или Зарегистрируйся.
Рад, если тебя была полезна.
 
Спасибо, полезная тема) делай ещё)
 
Обратите внимание, если вы хотите провести сделку с этим пользователем, то он заблокирован, настоятельно рекомендуем ее не производить до окончания блокировки.
Спасибо, полезная тема
 
Неплохо, установил пару программ
 
Node написал(а):
В данной теме поговорим о интересных расширениях, которые упростят написания кода и кастомизируют ваш Для просмотра ссылки Войди или Зарегистрируйся.

1. Для просмотра ссылки Войди или Зарегистрируйся.
Beautify - Облегчает чтение HTML, CSS и JS путем де-минимизации и применения подходящих отступов в вашей разметке.

2. Для просмотра ссылки Войди или Зарегистрируйся.
CSS Peek - Данное расширение вырезанная фича CSS Inline Editors из Для просмотра ссылки Войди или Зарегистрируйся.
working.gif

3. Для просмотра ссылки Войди или Зарегистрируйся
Live Server - локальный сервер разработки с функцией живой перезагрузки для статических и динамических страниц.
vscode-live-server-animated-demo.gif

4. Для просмотра ссылки Войди или Зарегистрируйся
Красивые скриншоты, как из мой темы сайт - Для просмотра ссылки Войди или Зарегистрируйся. Подсвечивает код и делает снимок с цветами вашей темы.
usage.gif

5. Для просмотра ссылки Войди или Зарегистрируйся
Красивая тема в темных тонах для Для просмотра ссылки Войди или Зарегистрируйся.
preview.png

На этом подходит тема к концу, если эта тема будет вам интересна, то сделаю еще подборку интересных разрешений для Для просмотра ссылки Войди или Зарегистрируйся.
Рад, если тебя была полезна.
Нажмите для раскрытия...
Конечно была полезна, спасибо что даешь хоть какую-то инфу для форума и тратишь своё время!
 
rim4ik454 написал(а):
Конечно была полезна, спасибо что даешь хоть какую-то инфу для форума и тратишь своё время!
Нажмите для раскрытия...
Благодарю, но я делаю это из личных побуждений. Мне просто нравится наполнять форум полезной инфой :)
 
Node написал(а):
Благодарю, но я делаю это из личных побуждений. Мне просто нравится наполнять форум полезной инфой :)
Нажмите для раскрытия...
С одной стороны, это благородно, но сформировать сообщение, найти информацию, которая будет востребована, тоже не легкое занятие, энергоёмкое достаточно
 
Самый 1 оказался самым полезным для меня, 4 прикольный но применение на нашел
 
Спасибо очень нужный плагин
 
Самые полезные наверное первые три
Насчёт скриншота кодов: интересно для чего это вообще нужно, пока в голову не приходит 0 идей в голову практичности этого
 
Самым полезным ещё будет выписать все комбинации клавиш) Это ускорит написание кода в сотни раз
 
atom one dark theme приятная тема оказывается, спасибо)
 
я бы еще добавил cssTractor или как-то так он называется полезная вещь.
Так же будет полезно Rainbow bracket для того чтобы скобки были разноцветные и легче было определять где начало и конец.
Если под html то еще autopath что-то там и автокомплит там пак идет, удобно и ускоряет верстку проектов.
 
Имхо, не могу работать в vs code, по мне гораздо удобнее любая ide от jet brains, которая из коробки поддерживает html и css, ну и конечно же присутствует подсветка синтаксиса жабаскрипта
 
Из-за овтета выше увидел данную тему.
От себя добавлю то, чем сам пользуюсь:

Для просмотра ссылки Войди или Зарегистрируйся - Еще одно расширение с темами, но уже в материале.
Короче если settings.json добавить это, то при выборе Material Theme Darker цвет акцента будет #de6161
JSON: 
"workbench.colorCustomizations": {
        "[Material Theme Darker]": {
            "activityBarBadge.background": "#DE6161",
            "activityBar.activeBorder": "#DE6161",
            "list.activeSelectionForeground": "#DE6161",
            "list.inactiveSelectionForeground": "#DE6161",
            "list.highlightForeground": "#DE6161",
            "scrollbarSlider.activeBackground": "#DE616150",
            "editorSuggestWidget.highlightForeground": "#DE6161",
            "textLink.foreground": "#DE6161",
            "progressBar.background": "#DE6161",
            "pickerGroup.foreground": "#DE6161",
            "tab.activeBorder": "#DE6161",
            "notificationLink.foreground": "#DE6161",
            "editorWidget.resizeBorder": "#DE6161",
            "editorWidget.border": "#DE6161",
            "settings.modifiedItemIndicator": "#DE6161",
            "settings.headerForeground": "#DE6161",
            "panelTitle.activeBorder": "#DE6161",
            "breadcrumb.activeSelectionForeground": "#DE6161",
            "menu.selectionForeground": "#DE6161",
            "menubar.selectionForeground": "#DE6161",
            "editor.findMatchBorder": "#DE6161",
            "selection.background": "#DE616140",
            "statusBarItem.remoteBackground": "#DE6161"
        }
    },

Для просмотра ссылки Войди или Зарегистрируйся - иконки в стиле material.

Для просмотра ссылки Войди или Зарегистрируйся - помогает искать открывающий/закрывающий тег в html, или фигурные скобки в других языках
(в курсе что тут ошибка. Сначала.)

(в курсе что тут ошибка. Сначала.)

Для просмотра ссылки Войди или Зарегистрируйся - позволяет подключатся напрямую к ftp/sftp и редактировать/создавать/удалять файлы прямо на сервере.

cJZ9OhJ.png
--- Добавлено позже: ---

Pojiloi_lox написал(а):
которая из коробки поддерживает html и css, ну и конечно же присутствует подсветка синтаксиса жабаскрипта
Нажмите для раскрытия...
А с каких пор в вскоде нет подсветки синтаксиса js?
nXuG730.png

и что оно не поддерживает в html и css?

4Undt1X.png
 
Последнее редактирование:
DIMITREO
DIMITREO
ну ты не забывай что и оперативы или проца жрёт не слабо. Чем больше расширений тем потнее VSC
 
ItsOlegDm написал(а):
Из-за овтета выше увидел данную тему.
От себя добавлю то, чем сам пользуюсь:

Для просмотра ссылки Войди или Зарегистрируйся - Еще одно расширение с темами, но уже в материале.
Короче если settings.json добавить это, то при выборе Material Theme Darker цвет акцента будет #de6161
JSON: 
"workbench.colorCustomizations": {
        "[Material Theme Darker]": {
            "activityBarBadge.background": "#DE6161",
            "activityBar.activeBorder": "#DE6161",
            "list.activeSelectionForeground": "#DE6161",
            "list.inactiveSelectionForeground": "#DE6161",
            "list.highlightForeground": "#DE6161",
            "scrollbarSlider.activeBackground": "#DE616150",
            "editorSuggestWidget.highlightForeground": "#DE6161",
            "textLink.foreground": "#DE6161",
            "progressBar.background": "#DE6161",
            "pickerGroup.foreground": "#DE6161",
            "tab.activeBorder": "#DE6161",
            "notificationLink.foreground": "#DE6161",
            "editorWidget.resizeBorder": "#DE6161",
            "editorWidget.border": "#DE6161",
            "settings.modifiedItemIndicator": "#DE6161",
            "settings.headerForeground": "#DE6161",
            "panelTitle.activeBorder": "#DE6161",
            "breadcrumb.activeSelectionForeground": "#DE6161",
            "menu.selectionForeground": "#DE6161",
            "menubar.selectionForeground": "#DE6161",
            "editor.findMatchBorder": "#DE6161",
            "selection.background": "#DE616140",
            "statusBarItem.remoteBackground": "#DE6161"
        }
    },

Для просмотра ссылки Войди или Зарегистрируйся - иконки в стиле material.

Для просмотра ссылки Войди или Зарегистрируйся - помогает искать открывающий/закрывающий тег в html, или фигурные скобки в других языках
(в курсе что тут ошибка. Сначала.)

(в курсе что тут ошибка. Сначала.)

Для просмотра ссылки Войди или Зарегистрируйся - позволяет подключатся напрямую к ftp/sftp и редактировать/создавать/удалять файлы прямо на сервере.

cJZ9OhJ.png
--- Добавлено позже: ---


А с каких пор в вскоде нет подсветки синтаксиса js?
nXuG730.png

и что оно не поддерживает в html и css?

4Undt1X.png
Нажмите для раскрытия...
А я не говорил, что вс код не поддерживает, я сказал, что мне неприятно в нем работать и гораздо удобнее любая среда от jet brains, которая также все это поддерживет
 
Pojiloi_lox написал(а):
А я не говорил, что вс код не поддерживает, я сказал, что мне неприятно в нем работать и гораздо удобнее любая среда от jet brains, которая также все это поддерживет
Нажмите для раскрытия...
Pojiloi_lox написал(а):
Имхо, не могу работать в vs code, по мне гораздо удобнее любая ide от jet brains, которая из коробки поддерживает html и css, ну и конечно же присутствует подсветка синтаксиса жабаскрипта
Нажмите для раскрытия...
звучит будто вскод этого не поддерживает. вообще подсветку html css и js поддерживает почти все что можно, даже notepad++
 
Статус
В этой теме нельзя размещать новые ответы.
dev1l_lxrd

Изменения для Windows 11

  • dev1l_lxrd
  • Ответы: 13
Node

BetterDiscord - 5 интересных плагинов для улучшения Discord'a.

  • Node
  • Ответы: 51
Назад
Сверху