Поиск по сайту:

Начало работы с Visual Studio Code (VSC) в Linux


На этой странице

  1. Загрузить и установить
  2. Быстрый старт
  3. Темы
  4. Палитра команд
  5. Рабочие файлы
  6. Редактирование рядом друг с другом
  7. Автосохранение
  8. Контекстное меню
  9. Найти и заменить
  10. Другие важные особенности

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

Скачать и установить

На момент написания этой статьи VSC имел версию 0.8.0, что указывает на то, что инструмент еще не завершен на 100%. Вы можете загрузить этот предварительный выпуск отсюда и извлечь архив. Установка не требуется; чтобы запустить его, просто дважды щелкните (запустите) исполняемый файл внутри только что созданной папки.

Быстрый старт

Следует отметить, что VSC основан на папках, а не на проектах. В меню нажмите «Файл ? Открыть папку» и откройте папку, в которой находится ваш проект. Здесь я создал проект Expressjs.

Темы

Одна из первых вещей, которую вы, возможно, захотите сделать, это изменить визуальные настройки или ярлыки редактора. Это поможет вам работать более эффективно, поэтому важно настроить все правильно с самого начала. Вот как это сделать: перейдите в главное меню и выберите «Файл? Настройки? ваш вариант», как показано на следующем снимке экрана:

VSC предлагает текстовый редактор настроек в формате JSON. Пользователи имеют возможность переопределить значения по умолчанию, так что это довольно удобно. В моем примере я изменил шрифты по умолчанию на «Source Code Pro», а также изменил цветовую тему на «Red».

Палитра команд

Командная палитра VSC, безусловно, является одной из самых сильных особенностей этого редактора. Вы можете открыть его, нажав \Ctrl+P.

В VSC есть много доступных ярлыков. Нажатие символа \> вызовет сочетания клавиш (его также можно запустить с помощью \Ctrl+Shift+P), поэтому это, вероятно, самое важное, что нужно помнить, поскольку вы можете управлять всеми аспектами программного обеспечения с помощью ярлыки .

Другими основными «дикими» символами являются:

  • \?» За помощью
  • \@” Открытые символы
  • \:” для линейной навигации
  • \!» для отображения ошибок и предупреждений

Рабочие файлы

Это файлы, которые в настоящее время находятся в процессе редактирования или более известны как «вкладки». VSC хранит их на левой боковой панели, поэтому вы можете щелкнуть их, чтобы получить их код в главном окне. Более удобный способ циклического переключения между ними — с помощью \Ctrl+Tab.

Щелчок правой кнопкой мыши на боковой панели вызывает меню управления файлами. Через это меню мы можем создать новую папку и файлы или открыть текущее местоположение на терминале. Изменить расположение файлов также можно с помощью перетаскивания.

Параллельное редактирование

\Ctrl+\ откроет дополнительные вкладки просмотра. Это также можно сделать, нажав значок \разделить редактор в правом верхнем углу или щелкнув правой кнопкой мыши меню на левой боковой панели.

«Alt+Левый щелчок» также вызовет несколько курсоров, в то время как очень легко добавить больше с помощью «Ctrl+Meta+Down» или «Ctrl+Meta+Up».

Автосохранение

Обычно мы запускаем какой-то наблюдатель, поэтому мы хотим явно сохранить наши файлы. Чтобы включить/отключить функцию «Автосохранение», откройте палитру команд (\Ctrl+Shift+P) и введите \авто или \сохранить.

Контекстное меню

Щелчок правой кнопкой мыши по переменной вызовет контекстное меню, чтобы мы могли перейти к файлам с определениями. В следующем примере функция express() определена в том же файле, поэтому мы никуда не перемещаемся.

Еще одна вещь, которую стоит отметить на этом этапе, заключается в том, что когда наш курсор находится над выражением, мы можем использовать для получения дополнительной информации. Еще одна замечательная особенность VSC заключается в том, что он написан на Typescript, поэтому даже когда мы пишем на простом Javascript, VSC понимает объявления, определенные для типов!

Поиск и замена

\Ctrl+F вызывает типичную функцию поиска и замены, которая поддерживает регулярное выражение, а \Ctrl+Shift+F (находится на левой боковой панели) дает нам возможность поиска по нескольким файлам.

Другие примечательные особенности

VSC — это полноценный редактор кода, он может похвастаться большинством функций, которые вы ожидаете найти в редакторе, такими как автозаполнение и интеграция с Git, и, наконец, он поддерживает подсветку синтаксиса и сопоставление скобок для всех широко используемых языков. Например, как показано на следующем снимке экрана, я инициализировал git и внес одно изменение в демонстрационных целях.

Еще одна функция, которая в настоящее время доступна только для Node (Typescript Javascript) и является экспериментальной для Mono (C# и F#), — это поддержка отладки. Однако это глубокий вопрос, который можно показать во втором уроке, если вам интересно (укажите это в разделе комментариев). На данный момент вы знаете все, что вам нужно для начала работы с VSC. Удачного кодирования!