0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>После определенного опыта работы я составил для себя список хороших плагинов для верстки в VS code. Хочу поделиться ими с вами :)</p>
1
<p>После определенного опыта работы я составил для себя список хороших плагинов для верстки в VS code. Хочу поделиться ими с вами :)</p>
2
<h2>Содержание</h2>
2
<h2>Содержание</h2>
3
<ul><li><a>Live server</a></li>
3
<ul><li><a>Live server</a></li>
4
<li><a>Emmet</a></li>
4
<li><a>Emmet</a></li>
5
<li><a>eCSStractor</a></li>
5
<li><a>eCSStractor</a></li>
6
<li><a>Image Preview</a></li>
6
<li><a>Image Preview</a></li>
7
<li><a>Indent rainbow</a></li>
7
<li><a>Indent rainbow</a></li>
8
</ul><h2>Live server</h2>
8
</ul><h2>Live server</h2>
9
<p>Он будет вашим попутчиком на протяжении всего вашего пути. С его помощью вы можете моментально видеть изменения на странице вашего сайта. Также, если вы используете в своем стеке PHP, данный плагин будет выступать в качестве локального сервера, необходимого для работы с этим языком.</p>
9
<p>Он будет вашим попутчиком на протяжении всего вашего пути. С его помощью вы можете моментально видеть изменения на странице вашего сайта. Также, если вы используете в своем стеке PHP, данный плагин будет выступать в качестве локального сервера, необходимого для работы с этим языком.</p>
10
<h2>Emmet</h2>
10
<h2>Emmet</h2>
11
<p>Для верстальщика этот плагин - находка. С его помощью одним кликом можно создать базовую структуру страницы (вместе с основными тегами в <head>), быстро создать определенное количество элементов и блоков на странице и еще разные плюшки :) Окажется полезен при работе как в HTML-документе, так и в CSS.</p>
11
<p>Для верстальщика этот плагин - находка. С его помощью одним кликом можно создать базовую структуру страницы (вместе с основными тегами в <head>), быстро создать определенное количество элементов и блоков на странице и еще разные плюшки :) Окажется полезен при работе как в HTML-документе, так и в CSS.</p>
12
<h2>eCSStractor</h2>
12
<h2>eCSStractor</h2>
13
<p>Облегчает работу с классами в CSS. С его помощью вы можете выделить хоть весь HTML-документ, а eCSStractor автоматически "вытащит" оттуда классы, которые вы установили к блокам и элементам на странице. Вам остается только нажать Ctrl + V в CSS-файле.</p>
13
<p>Облегчает работу с классами в CSS. С его помощью вы можете выделить хоть весь HTML-документ, а eCSStractor автоматически "вытащит" оттуда классы, которые вы установили к блокам и элементам на странице. Вам остается только нажать Ctrl + V в CSS-файле.</p>
14
<h2>Image Preview</h2>
14
<h2>Image Preview</h2>
15
<p>С помощью этого плагина будет легко понять, если набирая адрес изображения, вы где-то ошиблись. Он выводит это изображение слева маленьким размером, если же что то не так - изображение не появится.</p>
15
<p>С помощью этого плагина будет легко понять, если набирая адрес изображения, вы где-то ошиблись. Он выводит это изображение слева маленьким размером, если же что то не так - изображение не появится.</p>
16
<h2>Indent rainbow</h2>
16
<h2>Indent rainbow</h2>
17
<p>Позволяет видеть отступы разными цветами, благодаря ему намного легче ориентироваться в документе, а также форматировать его. Можно все оставить по дефолту, а можно настроить все на свой вкус.</p>
17
<p>Позволяет видеть отступы разными цветами, благодаря ему намного легче ориентироваться в документе, а также форматировать его. Можно все оставить по дефолту, а можно настроить все на свой вкус.</p>
18
<p>Надеюсь, статья была полезной :) приятной работы!</p>
18
<p>Надеюсь, статья была полезной :) приятной работы!</p>
19
<blockquote><h3>Читайте также:</h3>
19
<blockquote><h3>Читайте также:</h3>
20
<p>Как настроить VS Code<a>для разработки на PHP и JavaScript</a></p>
20
<p>Как настроить VS Code<a>для разработки на PHP и JavaScript</a></p>
21
</blockquote><p>Тимофей Шариков</p>
21
</blockquote><p>Тимофей Шариков</p>
22
<p>3 года назад</p>
22
<p>3 года назад</p>