Пн. Янв 17th, 2022

8 нужных советов по VS Code

От создателя: в этом посте вы узнаете о VS Code и 8 увлекательных советах, которые сделают ваш рабочий процесс при использовании VS Code еще более действенным.

Что такое VS Code

Visual Studio Code — одна из самых фаворитных интегрированных сред разработки (IDE) существующих сейчас. Это легкое десктопное приложение с открытым начальным кодом, разработанное командой Microsoft. Поставляется со интегрированной поддержкой таких языков, как TypeScript, Javascript, Node JS. VS Code имеет интегрированный отладчик, средство запуска задач, систему контроля версий и даже терминал.

Этот пост предназначен для новичков, но подходит как для начинающих юзеров, так и для тех, кто уже издавна пользуется VS Code и хочет научиться новым трюкам.

Совет №1: Несколько терминалов, переименование, цвет

Ранее вы могли использовать терминал, предоставляемый вашей операционной системой, но с VS Code вам это больше не необходимо. Команда разработчиков хотела убедиться, что у вас есть все нужное, поэтому они добавили простой в использовании терминал вовнутрь самого приложения VS Code. Если ваше приложение VS Code открыто, просто нажмите Terminal и изберите new terminal, откроется терминал прямо снутри приложения со средой по умолчанию, которая употребляется в вашем терминале ОС.

8 нужных советов по VS Code

Этот совет касается наличия более 1-го терминала: вы можете иметь терминал bash, работающий для сервера разработки, а другой — для lint либо test. VS Code позволяет проще различать терминалы: вы сможете переименовать его или изменить цвет значка.

8 нужных советов по VS Code

Совет № 2: Обертка вкладок

Если вы работаете над огромным проектом, скажем, над проектом Angular с разными компонентами, иногда бывает сложно отслеживать шаблоны и составляющие при переходе от одного к другому. Любая вкладка в VS Code отображается так же, как вкладки браузера по умолчанию.

8 нужных советов по VS Code

Что, если бы вы могли делать перенос вкладок, чтоб вам никогда не приходилось использовать прокрутку для их поиска, как в любом браузере. В VS Code сделать это просто, нажмите Cmd + (либо Ctrl + в других системах) и сделайте поиск по запросу «wrap tabs».

8 нужных советов по VS Code

Совет № 3: Настройка пользовательского интерфейса

Ваш пользовательский интерфейс настроен последующим образом: на левой вкладке у вас есть такие характеристики, как проводник, поиск, управление версиями, менеджер проекта и т. д., Если открыт терминал — в нижней секции есть «problems», «output»,«terminal» и «debug console». Что, если бы я произнес вам, что вы можете перетаскивать их хоть каким удобным для вас способом?

8 нужных советов по VS Code

Да, пользовательский интерфейс полностью возможно настроить на свой вкус.

Совет № 4: Язык по умолчанию

Всякий раз, когда вы создаете новейшую страницу в VS Code, это всегда текстовый файл без наименования, и вам придется самостоятельно указать имя файла и его расширение. Что, если мы сможем упростить этот процесс, что если для каждого проекта, над которым вы работаете, IDE сумеет выяснить, какие файлы компонентов вы используете, и назначит расширение, когда в последующий раз вы создадите новый файл.

8 нужных советов по VS Code

Вы сможете изменить значение с «markdown» на $ {activeEditorLanguage}, и новый тип файла, всегда будет аналогичный тому, над которым вы работали до того.

Совет № 5: Закрепление вкладок

Вы сможете закрепить вкладки, которые часто используете, кликнув правой кнопкой мыши и выбрав подобающую опцию. Вы также можете настроить закрепление вкладок, нажав Ctrl + либо Cmd + и выполнив поиск по запросу «pin tab»:

8 нужных советов по VS Code

Совет № 6: Отключение подготовительного просмотра

Есть ли какая-нибудь противная особенность, которую вы замечали при использовании VS Code? Одина из моих возлюбленных — когда вы открываете файл и сходу же открываете другой файл, не редактируя 1-ый.

8 нужных советов по VS Code

VS Code употребляет предварительный просмотр файлов, когда вы их выбираете, а если нажимаете на другой файл — подготовительный просмотр исчезает. Меня раздражает такое поведение по умолчанию. Вы сможете легко изменить его, выполнив поиск «enable preview» и переключив флаг в настройках.

8 нужных советов по VS Code

Совет № 7: Новенькая машина?

Итак, вы наконец настроили среду VS Code своей мечты, а потом получили новую машину, и вы не желаете повторять все это снова, ну, VS Code позаботился о вас.

8 нужных советов по VS Code

С помощью синхронизации опций вы можете сохранить свою конфигурацию на одном компьютере, и как только вы запустите VS Code на другом, вы сможете войти в синхронизацию настроек и применить те же опции к новому компьютеру. То же самое происходит, когда вы покупаете новый iPhone и желаете перенести данные со старого.

Совет № 8: Github

VS Code имеет встроенную интеграцию с GitHub, которую вы сможете использовать для управления версиями и при этом отправлять файлы на GitHub. Вы сможете подключить свою учетную запись GitHub к VS Code, подтвердить данные аутентификации и никогда больше не писать команды git.

8 нужных советов по VS Code

Заключение

В этом посте мы узрели несколько интересных советов о том, как персонализировать рабочее место VS Code и сделать работу более действенной.

Автор: Nwose Lotanna Victor

Редакция: Команда webformyself.

Докладывает webformyself.com

от Admin

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *