0 added
0 removed
Original
2026-01-01
Modified
2026-03-10
1
<p>Если рассмотреть историю текстовых редакторов, то можно проследить тенденцию развития от уж очень примитивных (например,<strong>ed</strong>) до более продвинутых. И сейчас они вплотную подошли к тому, что их можно использовать как легковесную<strong>IDE</strong>.</p>
1
<p>Если рассмотреть историю текстовых редакторов, то можно проследить тенденцию развития от уж очень примитивных (например,<strong>ed</strong>) до более продвинутых. И сейчас они вплотную подошли к тому, что их можно использовать как легковесную<strong>IDE</strong>.</p>
2
<p>К сожалению, многие застряли в прошлом и до сих пор используют такие редакторы, как<strong>nano</strong>,<strong>mcedit</strong>или даже блокнот. В том числе для редактирования инфраструктурного кода и различных скриптов. Всё это усложняет их отладку и сопровождение, порождает мешанину стилей оформления и заставляет делать руками многие вещи, которые можно не выполнять.</p>
2
<p>К сожалению, многие застряли в прошлом и до сих пор используют такие редакторы, как<strong>nano</strong>,<strong>mcedit</strong>или даже блокнот. В том числе для редактирования инфраструктурного кода и различных скриптов. Всё это усложняет их отладку и сопровождение, порождает мешанину стилей оформления и заставляет делать руками многие вещи, которые можно не выполнять.</p>
3
<p>Поэтому сегодня пойдёт речь про<strong>VS Code</strong>.<strong>VS Code</strong> - это отличный редактор, созданный на базе редактора<strong>Atom</strong>. Это<strong>open source</strong>проект и разрабатывает его, как ни странно,<strong>Microsoft</strong>. По сравнению с<strong>Atom</strong>он ощутимо быстрее и стабильнее работает, хотя тоже основан на<strong>Electron</strong>.</p>
3
<p>Поэтому сегодня пойдёт речь про<strong>VS Code</strong>.<strong>VS Code</strong> - это отличный редактор, созданный на базе редактора<strong>Atom</strong>. Это<strong>open source</strong>проект и разрабатывает его, как ни странно,<strong>Microsoft</strong>. По сравнению с<strong>Atom</strong>он ощутимо быстрее и стабильнее работает, хотя тоже основан на<strong>Electron</strong>.</p>
4
<p>Внешний вид редактора<strong>VS Code</strong>: Для него есть огромное количество готовых расширений на все случаи жизни, плюс можно писать свои. И всё это доступно в едином удобном<strong>Marketplace</strong>.</p>
4
<p>Внешний вид редактора<strong>VS Code</strong>: Для него есть огромное количество готовых расширений на все случаи жизни, плюс можно писать свои. И всё это доступно в едином удобном<strong>Marketplace</strong>.</p>
5
<h2>Установка</h2>
5
<h2>Установка</h2>
6
<p>Сборки<strong>VS Code</strong>доступны для macOS, Windows и Linux. Ссылки доступны на странице загрузки. После скачивания для установки нужно просто следовать инструкциям инсталлятора. А с версии 1.25 поддерживается portable-режим работы.</p>
6
<p>Сборки<strong>VS Code</strong>доступны для macOS, Windows и Linux. Ссылки доступны на странице загрузки. После скачивания для установки нужно просто следовать инструкциям инсталлятора. А с версии 1.25 поддерживается portable-режим работы.</p>
7
<h2>Настройка</h2>
7
<h2>Настройка</h2>
8
<p>Сразу после установки<strong>VS Code</strong>им уже можно пользоваться. Но дополнительно настроить под себя его будет полезно. Этот процесс можно разделить на два этапа: установка необходимых расширений и настройка опций<strong>VS Code</strong>.</p>
8
<p>Сразу после установки<strong>VS Code</strong>им уже можно пользоваться. Но дополнительно настроить под себя его будет полезно. Этот процесс можно разделить на два этапа: установка необходимых расширений и настройка опций<strong>VS Code</strong>.</p>
9
<h2>Установка расширений.</h2>
9
<h2>Установка расширений.</h2>
10
<p>Иконка расширений: Для установки расширений необходимо кликнуть по кнопке слева или выбрать в меню<strong>View->Extensions</strong>. Далее можно искать нужные расширения. Звездочками помечаются рекомендуемые вам.</p>
10
<p>Иконка расширений: Для установки расширений необходимо кликнуть по кнопке слева или выбрать в меню<strong>View->Extensions</strong>. Далее можно искать нужные расширения. Звездочками помечаются рекомендуемые вам.</p>
11
<p>Поиск расширений:</p>
11
<p>Поиск расширений:</p>
12
<h2>Настройка опций</h2>
12
<h2>Настройка опций</h2>
13
<p>Классическое окно настроек: Для настройки опций нужно выбрать в меню<strong>File->Settings</strong>. Классические настройки выглядят, как список на<strong>json</strong>. В поиске можно искать необходимые опции и добавлять их в панель справа под названием "<strong>User settings</strong>". У каждой опции есть описание.</p>
13
<p>Классическое окно настроек: Для настройки опций нужно выбрать в меню<strong>File->Settings</strong>. Классические настройки выглядят, как список на<strong>json</strong>. В поиске можно искать необходимые опции и добавлять их в панель справа под названием "<strong>User settings</strong>". У каждой опции есть описание.</p>
14
<p>Новый вид настроек пока что скрывается под ссылкой "<strong>new settings editor</strong>". Он больше похож на классические меню настройки и состоит из дерева настроек, сгруппированного по различным категориям.</p>
14
<p>Новый вид настроек пока что скрывается под ссылкой "<strong>new settings editor</strong>". Он больше похож на классические меню настройки и состоит из дерева настроек, сгруппированного по различным категориям.</p>
15
<p>Также в опциях можно, конечно же, настраивать и комбинации клавиш на нужные вам действия. Но в принципе обычно хватает тех, что уже настроены.</p>
15
<p>Также в опциях можно, конечно же, настраивать и комбинации клавиш на нужные вам действия. Но в принципе обычно хватает тех, что уже настроены.</p>
16
<h2>Полезные расширения и опции</h2>
16
<h2>Полезные расширения и опции</h2>
17
<p>Всё это сильно зависит от того, с чем вам необходимо работать. Могу только привести свою подборку.</p>
17
<p>Всё это сильно зависит от того, с чем вам необходимо работать. Могу только привести свою подборку.</p>
18
<p><strong>Расширения</strong>: Ansible - подсветка синтаксиса, автодополнение, сниппеты и многое другое для Ansible; Jinja - подсветка синтаксиса для Jinja, которая используется в Ansible и много где еще; Terraform - автодополнение, подсветка синтаксиса, автоформатирование, линтинг для Terraform; Docker - линтинг, подсветка синтаксиса, автодополнение для Docker; GitLens - отличное расширение для просмотра истории коммитов, показывает автора каждой строчки в файле и многое другое; Go - всё, что нужно для разработки на Go; Python- всё, что нужно для разработки на Python; Markdownlint - линтер для markdown; Settings sync - отличное расширение для синхронизация настроек и расширений между различными рабочими местами.</p>
18
<p><strong>Расширения</strong>: Ansible - подсветка синтаксиса, автодополнение, сниппеты и многое другое для Ansible; Jinja - подсветка синтаксиса для Jinja, которая используется в Ansible и много где еще; Terraform - автодополнение, подсветка синтаксиса, автоформатирование, линтинг для Terraform; Docker - линтинг, подсветка синтаксиса, автодополнение для Docker; GitLens - отличное расширение для просмотра истории коммитов, показывает автора каждой строчки в файле и многое другое; Go - всё, что нужно для разработки на Go; Python- всё, что нужно для разработки на Python; Markdownlint - линтер для markdown; Settings sync - отличное расширение для синхронизация настроек и расширений между различными рабочими местами.</p>
19
<p><strong>Настройки</strong>: * “editor.formatOnPaste”: true - автоформатирование при вставке; * “editor.formatOnSave”: true - автоформатирование при сохранении; * “editor.formatOnType”: true - автоформатирование при печати; * “terminal.integrated.copyOnSelection”: true - копирование текста из терминала при выделении; * “window.nativeTabs”: true - красивые табы для macOS при открытии нескольких окон; * “files.insertFinalNewline”: true - добавлять финальную пустую строку в конце файлов; * “files.trimFinalNewlines”: true - удалять лишние пустые строки в конце файлов; * “files.trimTrailingWhitespace”: true - удалять лишние пробелы в конце строк.</p>
19
<p><strong>Настройки</strong>: * “editor.formatOnPaste”: true - автоформатирование при вставке; * “editor.formatOnSave”: true - автоформатирование при сохранении; * “editor.formatOnType”: true - автоформатирование при печати; * “terminal.integrated.copyOnSelection”: true - копирование текста из терминала при выделении; * “window.nativeTabs”: true - красивые табы для macOS при открытии нескольких окон; * “files.insertFinalNewline”: true - добавлять финальную пустую строку в конце файлов; * “files.trimFinalNewlines”: true - удалять лишние пустые строки в конце файлов; * “files.trimTrailingWhitespace”: true - удалять лишние пробелы в конце строк.</p>
20
<p><em>Появились вопросы? Спрашивайте в комментариях!</em></p>
20
<p><em>Появились вопросы? Спрашивайте в комментариях!</em></p>
21
21