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

[Node]

В данной теме поговорим о интересных расширениях, которые упростят написания кода и кастомизируют ваш Для просмотра ссылки Войди или Зарегистрируйся.

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

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

Спойлер

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

Спойлер

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

Спойлер

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

Спойлер

На этом подходит тема к концу, если эта тема будет вам интересна, то сделаю еще подборку интересных разрешений для Для просмотра ссылки Войди или Зарегистрируйся.
Рад, если тебя была полезна.

 

[Mr_chinos]

Спасибо, полезная тема) делай ещё)

 

[Node]

Спасибо, полезная тема) делай ещё)

Спасибо)

 

[ProRockツ]

Спасибо, полезная тема

 

[hodorok]

Неплохо, установил пару программ

 

[rim4ik454]

В данной теме поговорим о интересных расширениях, которые упростят написания кода и кастомизируют ваш Для просмотра ссылки Войди или Зарегистрируйся.

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

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

Спойлер

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

Спойлер

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

Спойлер

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

Спойлер

На этом подходит тема к концу, если эта тема будет вам интересна, то сделаю еще подборку интересных разрешений для Для просмотра ссылки Войди или Зарегистрируйся.
Рад, если тебя была полезна.

Конечно была полезна, спасибо что даешь хоть какую-то инфу для форума и тратишь своё время!

 

[Node]

Конечно была полезна, спасибо что даешь хоть какую-то инфу для форума и тратишь своё время!

Благодарю, но я делаю это из личных побуждений. Мне просто нравится наполнять форум полезной инфой

 

[rim4ik454]

Благодарю, но я делаю это из личных побуждений. Мне просто нравится наполнять форум полезной инфой

С одной стороны, это благородно, но сформировать сообщение, найти информацию, которая будет востребована, тоже не легкое занятие, энергоёмкое достаточно

 

[Node]

С одной стороны, это благородно, но сформировать сообщение, найти информацию, которая будет востребована, тоже не легкое занятие, энергоёмкое достаточно

Спасибо, что поддерживаете мою деятельность.

 

[Ricko2284]

Самый 1 оказался самым полезным для меня, 4 прикольный но применение на нашел

 

[Delegate]

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

Респект тебе за упоминание этого плагина , почему же я его раньше не видел )

 

[simpa]

Спасибо очень нужный плагин

 

[alexna]

Самые полезные наверное первые три
Насчёт скриншота кодов: интересно для чего это вообще нужно, пока в голову не приходит 0 идей в голову практичности этого

 

[Gagablik]

Самым полезным ещё будет выписать все комбинации клавиш) Это ускорит написание кода в сотни раз

 

[reeldeel]

atom one dark theme приятная тема оказывается, спасибо)

 

[warkshow]

я бы еще добавил cssTractor или как-то так он называется полезная вещь.
Так же будет полезно Rainbow bracket для того чтобы скобки были разноцветные и легче было определять где начало и конец.
Если под html то еще autopath что-то там и автокомплит там пак идет, удобно и ускоряет верстку проектов.

 

[Pojiloi_lox]

Имхо, не могу работать в vs code, по мне гораздо удобнее любая ide от jet brains, которая из коробки поддерживает html и css, ну и конечно же присутствует подсветка синтаксиса жабаскрипта

 

[ItsOlegDm]

Из-за овтета выше увидел данную тему.
От себя добавлю то, чем сам пользуюсь:

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

Спойлер: Кстати напомню что я шиз, так что тут тоже есть Dev Dark

Короче если settings.json добавить это, то при выборе Material Theme Darker цвет акцента будет #de6161

"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 и редактировать/создавать/удалять файлы прямо на сервере.

Спойлер

--- Добавлено позже: 30 Дек 2021 ---

которая из коробки поддерживает html и css, ну и конечно же присутствует подсветка синтаксиса жабаскрипта

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

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

 

[Pojiloi_lox]

Из-за овтета выше увидел данную тему.
От себя добавлю то, чем сам пользуюсь:

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

Спойлер: Кстати напомню что я шиз, так что тут тоже есть Dev Dark

Короче если settings.json добавить это, то при выборе Material Theme Darker цвет акцента будет #de6161

"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 и редактировать/создавать/удалять файлы прямо на сервере.

Спойлер

--- Добавлено позже: 30 Дек 2021 ---

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

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

А я не говорил, что вс код не поддерживает, я сказал, что мне неприятно в нем работать и гораздо удобнее любая среда от jet brains, которая также все это поддерживет

 

[ItsOlegDm]

А я не говорил, что вс код не поддерживает, я сказал, что мне неприятно в нем работать и гораздо удобнее любая среда от jet brains, которая также все это поддерживет

Имхо, не могу работать в vs code, по мне гораздо удобнее любая ide от jet brains, которая из коробки поддерживает html и css, ну и конечно же присутствует подсветка синтаксиса жабаскрипта

звучит будто вскод этого не поддерживает. вообще подсветку html css и js поддерживает почти все что можно, даже notepad++