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

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

Node

HTM.
Модератор

Node

HTM.
Модератор
Статус
Offline
Регистрация
20 Мар 2021
Сообщения
81
Лайки
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

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

Mr_chinos

Местный
Местный

Mr_chinos

Местный
Местный
Статус
Offline
Регистрация
19 Мар 2021
Сообщения
98
Лайки
132
Спасибо, полезная тема) делай ещё)
 

ProRockツ

hard-tm.su/
Местный

ProRockツ

hard-tm.su/
Местный
Статус
Offline
Регистрация
2 Апр 2021
Сообщения
5
Лайки
151
Please note, if you want to make a deal with this user, that it is blocked.
Спасибо, полезная тема
 

hodorok

Новорег

hodorok

Новорег
Статус
Offline
Регистрация
28 Мар 2021
Сообщения
15
Лайки
18
Неплохо, установил пару программ
 

rim4ik454

Новорег

rim4ik454

Новорег
Статус
Offline
Регистрация
14 Апр 2021
Сообщения
10
Лайки
15
В данной теме поговорим о интересных расширениях, которые упростят написания кода и кастомизируют ваш Для просмотра ссылки Войди или Зарегистрируйся.

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

HTM.
Модератор

Node

HTM.
Модератор
Статус
Offline
Регистрация
20 Мар 2021
Сообщения
81
Лайки
377
Конечно была полезна, спасибо что даешь хоть какую-то инфу для форума и тратишь своё время!
Благодарю, но я делаю это из личных побуждений. Мне просто нравится наполнять форум полезной инфой :)
 

rim4ik454

Новорег

rim4ik454

Новорег
Статус
Offline
Регистрация
14 Апр 2021
Сообщения
10
Лайки
15
Благодарю, но я делаю это из личных побуждений. Мне просто нравится наполнять форум полезной инфой :)
С одной стороны, это благородно, но сформировать сообщение, найти информацию, которая будет востребована, тоже не легкое занятие, энергоёмкое достаточно
 

Node

HTM.
Модератор

Node

HTM.
Модератор
Статус
Offline
Регистрация
20 Мар 2021
Сообщения
81
Лайки
377
С одной стороны, это благородно, но сформировать сообщение, найти информацию, которая будет востребована, тоже не легкое занятие, энергоёмкое достаточно
Спасибо, что поддерживаете мою деятельность.
 

Ricko2284

Пользователь

Ricko2284

Пользователь
Статус
Offline
Регистрация
19 Мар 2021
Сообщения
65
Лайки
88
Самый 1 оказался самым полезным для меня, 4 прикольный но применение на нашел
 

Delegate

Местный
Местный

Delegate

Местный
Местный
Статус
Offline
Регистрация
31 Мар 2021
Сообщения
100
Лайки
113

simpa

Новорег

simpa

Новорег
Статус
Offline
Регистрация
18 Май 2021
Сообщения
2
Лайки
2
Спасибо очень нужный плагин
 

alexna

Пользователь

alexna

Пользователь
Статус
Offline
Регистрация
26 Мар 2021
Сообщения
55
Лайки
22
Самые полезные наверное первые три
Насчёт скриншота кодов: интересно для чего это вообще нужно, пока в голову не приходит 0 идей в голову практичности этого
 

Gagablik

Пользователь

Gagablik

Пользователь
Статус
Offline
Регистрация
27 Июл 2021
Сообщения
22
Лайки
57
Самым полезным ещё будет выписать все комбинации клавиш) Это ускорит написание кода в сотни раз
 

reeldeel

Новорег

reeldeel

Новорег
Статус
Offline
Регистрация
1 Авг 2021
Сообщения
15
Лайки
11
atom one dark theme приятная тема оказывается, спасибо)
 

warkshow

Пользователь

warkshow

Пользователь
Статус
Offline
Регистрация
15 Апр 2021
Сообщения
49
Лайки
41
я бы еще добавил cssTractor или как-то так он называется полезная вещь.
Так же будет полезно Rainbow bracket для того чтобы скобки были разноцветные и легче было определять где начало и конец.
Если под html то еще autopath что-то там и автокомплит там пак идет, удобно и ускоряет верстку проектов.
 

Pojiloi_lox

Пользователь

Pojiloi_lox

Пользователь
Статус
Offline
Регистрация
1 Июн 2021
Сообщения
57
Лайки
55
Имхо, не могу работать в vs code, по мне гораздо удобнее любая ide от jet brains, которая из коробки поддерживает html и css, ну и конечно же присутствует подсветка синтаксиса жабаскрипта
 

ItsOlegDm

Average Plastic Memories fan
Модератор

ItsOlegDm

Average Plastic Memories fan
Модератор
Статус
Offline
Регистрация
27 Июн 2021
Сообщения
20
Лайки
250
Из-за овтета выше увидел данную тему.
От себя добавлю то, чем сам пользуюсь:

Для просмотра ссылки Войди или Зарегистрируйся - Еще одно расширение с темами, но уже в материале.
Короче если 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
--- Добавлено позже: ---

которая из коробки поддерживает html и css, ну и конечно же присутствует подсветка синтаксиса жабаскрипта
А с каких пор в вскоде нет подсветки синтаксиса js?
nXuG730.png

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

4Undt1X.png
 
Последнее редактирование:
DIMITREO
DIMITREO
ну ты не забывай что и оперативы или проца жрёт не слабо. Чем больше расширений тем потнее VSC
 

Pojiloi_lox

Пользователь

Pojiloi_lox

Пользователь
Статус
Offline
Регистрация
1 Июн 2021
Сообщения
57
Лайки
55
Из-за овтета выше увидел данную тему.
От себя добавлю то, чем сам пользуюсь:

Для просмотра ссылки Войди или Зарегистрируйся - Еще одно расширение с темами, но уже в материале.
Короче если 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, которая также все это поддерживет
 

ItsOlegDm

Average Plastic Memories fan
Модератор

ItsOlegDm

Average Plastic Memories fan
Модератор
Статус
Offline
Регистрация
27 Июн 2021
Сообщения
20
Лайки
250
А я не говорил, что вс код не поддерживает, я сказал, что мне неприятно в нем работать и гораздо удобнее любая среда от jet brains, которая также все это поддерживет
Имхо, не могу работать в vs code, по мне гораздо удобнее любая ide от jet brains, которая из коробки поддерживает html и css, ну и конечно же присутствует подсветка синтаксиса жабаскрипта
звучит будто вскод этого не поддерживает. вообще подсветку html css и js поддерживает почти все что можно, даже notepad++
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху