0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p><strong>Выбор редактора кода</strong></p>
1
<p><strong>Выбор редактора кода</strong></p>
2
<p>Рано или поздно каждый, кто пытается податься в программирование, сталкивается с тем, что писать в блокноте - дико и неудобно. Первым на арене чаще всего появляется VS Cоde.</p>
2
<p>Рано или поздно каждый, кто пытается податься в программирование, сталкивается с тем, что писать в блокноте - дико и неудобно. Первым на арене чаще всего появляется VS Cоde.</p>
3
<p><strong>Плюсы VS Cоde:</strong></p>
3
<p><strong>Плюсы VS Cоde:</strong></p>
4
<ul><li>Операционная система, которую вы используете, определяется автоматически еще на этапе посещения страницы загрузки редактора.</li>
4
<ul><li>Операционная система, которую вы используете, определяется автоматически еще на этапе посещения страницы загрузки редактора.</li>
5
<li>Обновления предлагаются при запуске программы, вам не придется искать из каждый раз заново.</li>
5
<li>Обновления предлагаются при запуске программы, вам не придется искать из каждый раз заново.</li>
6
<li>Множество расширений</li>
6
<li>Множество расширений</li>
7
<li>Emmet</li>
7
<li>Emmet</li>
8
<li>Пользовательский интерфейс понятен и легко настраивается.</li>
8
<li>Пользовательский интерфейс понятен и легко настраивается.</li>
9
<li>Встроенный терминал, который можно выбирать (PowerShell, Git Bash...)</li>
9
<li>Встроенный терминал, который можно выбирать (PowerShell, Git Bash...)</li>
10
<li>Интеграция Git. Вы можете переключаться между ветками, создавать новые, оставлять комментарии.</li>
10
<li>Интеграция Git. Вы можете переключаться между ветками, создавать новые, оставлять комментарии.</li>
11
<li>Отладка. С VS Code вы можете устанавливать точки остановок и проверять переменные во время работы вашего кода.</li>
11
<li>Отладка. С VS Code вы можете устанавливать точки остановок и проверять переменные во время работы вашего кода.</li>
12
</ul><h3>Расширения</h3>
12
</ul><h3>Расширения</h3>
13
<p>То, ради чего, собственно, я и открыла дневник. Итак, редактор предлагает нам множество различных дополнений, которые могут значительно облегчить жизнь во время работы над задачами и проектами и сделать процесс написания кода приятнее и комфортнее.</p>
13
<p>То, ради чего, собственно, я и открыла дневник. Итак, редактор предлагает нам множество различных дополнений, которые могут значительно облегчить жизнь во время работы над задачами и проектами и сделать процесс написания кода приятнее и комфортнее.</p>
14
<p><strong>Устанавливать плагины</strong>очень легко, достаточно найти на панели слева значок "Расширения", вбить в поиск интересуемое и установить его.</p>
14
<p><strong>Устанавливать плагины</strong>очень легко, достаточно найти на панели слева значок "Расширения", вбить в поиск интересуемое и установить его.</p>
15
<p>Опишу сейчас те, которые понравились лично мне.</p>
15
<p>Опишу сейчас те, которые понравились лично мне.</p>
16
<ol><li><p><strong>Live Server</strong>. Позволяет сразу увидеть результат работы. Страница, которую вы откроете с помощью этого плагина, будет автоматически перезагружаться после сохранения, то есть вам не придется вручную обновлять страницу.</p>
16
<ol><li><p><strong>Live Server</strong>. Позволяет сразу увидеть результат работы. Страница, которую вы откроете с помощью этого плагина, будет автоматически перезагружаться после сохранения, то есть вам не придется вручную обновлять страницу.</p>
17
</li>
17
</li>
18
<li><p><strong>Bracket pair colorizer</strong>разукрасит открывающие и закрывающие скобки в разные цвета, благодаря чему понимать код и искать ошибки/опечатки станет проще.</p>
18
<li><p><strong>Bracket pair colorizer</strong>разукрасит открывающие и закрывающие скобки в разные цвета, благодаря чему понимать код и искать ошибки/опечатки станет проще.</p>
19
</li>
19
</li>
20
<li><p><strong>Auto rename tag.</strong>Если вы переименовываете парный тег, то второй (закрывающийся) переименовывается автоматически.</p>
20
<li><p><strong>Auto rename tag.</strong>Если вы переименовываете парный тег, то второй (закрывающийся) переименовывается автоматически.</p>
21
</li>
21
</li>
22
<li><p><strong>Image Preview.</strong>Позволяет вам видеть добавленное изображение прямо в редакторе.</p>
22
<li><p><strong>Image Preview.</strong>Позволяет вам видеть добавленное изображение прямо в редакторе.</p>
23
</li>
23
</li>
24
<li><p><strong>Live Sass Compiler.</strong>Компилирует ваши SASS/SCSS файлы в файлы CSS в режиме реального времени, с перезагрузкой браузера</p>
24
<li><p><strong>Live Sass Compiler.</strong>Компилирует ваши SASS/SCSS файлы в файлы CSS в режиме реального времени, с перезагрузкой браузера</p>
25
</li>
25
</li>
26
<li><p><strong>Better Comments.</strong>Расширяет возможности работы с комментариями. Выбирает разные цвета для комментариев с разными категориями - !на ошибки и предупреждения, *для выделенного текста, TODO для задач, ?для запросов и вопросов</p>
26
<li><p><strong>Better Comments.</strong>Расширяет возможности работы с комментариями. Выбирает разные цвета для комментариев с разными категориями - !на ошибки и предупреждения, *для выделенного текста, TODO для задач, ?для запросов и вопросов</p>
27
</li>
27
</li>
28
<li><p><strong>Bookmarks.</strong>Помечает строки кода, после чего можно быстро на них перемещаться. Пригодится, если у вас большой объём кода, в котором приходится делать частые изменения.</p>
28
<li><p><strong>Bookmarks.</strong>Помечает строки кода, после чего можно быстро на них перемещаться. Пригодится, если у вас большой объём кода, в котором приходится делать частые изменения.</p>
29
</li>
29
</li>
30
</ol><p>В конце могу только добавить ссылку на<a>ютуб урок</a>, в котором подробно показывается, как установить редактор и настроить его. Мне он очень помог.</p>
30
</ol><p>В конце могу только добавить ссылку на<a>ютуб урок</a>, в котором подробно показывается, как установить редактор и настроить его. Мне он очень помог.</p>
31
<p><strong>Напишите, какими классными и полезными плагинами пользуетесь вы. Я уверена, что есть еще множество таких, о которых я не слышала, но они бы весьма пригодились.</strong></p>
31
<p><strong>Напишите, какими классными и полезными плагинами пользуетесь вы. Я уверена, что есть еще множество таких, о которых я не слышала, но они бы весьма пригодились.</strong></p>