Как запустить vs code из терминала Linux

Обновлено: 03.07.2024

Visual Studio Code — это бесплатная кроссплатформенная интегрированная среда разработки или редактор кода с открытым исходным кодом, которая позволяет разработчикам разрабатывать приложения и писать код с использованием множества языков программирования, таких как C, C++, Python, Go и Java и другие.

В этом руководстве мы покажем вам, как установить Visual Studio Code в Linux. Чтобы быть более конкретным, вы узнаете, как установить Visual Studio Code как в дистрибутивах Linux на основе Debian, так и на основе RedHat.

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

Как установить код Visual Studio в Debian, Ubuntu и Linux Mint

Наиболее предпочтительный способ установки Visual Code Studio в системах на базе Debian – включить репозиторий кода VS и установить пакет Visual Studio Code с помощью диспетчера пакетов apt.

После обновления продолжите и установите зависимости, необходимые для выполнения.

Затем с помощью команды wget загрузите репозиторий и импортируйте ключ Microsoft GPG, как показано ниже:

После включения репозитория обновите систему и установите Visual Studio Code, выполнив команду:

Из-за своего размера установка занимает примерно 5 минут. После установки используйте диспетчер приложений для поиска Visual Code Studio и запустите его, как показано.

Установить код Visual Studio в Ubuntu

Как установить Visual Studio Code на CentOS, RHEL и Fedora

Процедура установки Visual Studio Code в дистрибутивах на основе RedHat очень похожа на Ubuntu. Сразу же запустите терминал и обновите систему:

Далее импортируйте ключ Microsoft GPG с помощью приведенной ниже команды rpm:

Установив ключ Microsoft GPG, продолжите и создайте файл репозитория для Visual Studio Code:

Далее добавьте приведенный ниже код и сохраните файл:

Чтобы установить код Visual Studio, выполните команду:

Чтобы использовать его, используйте диспетчер приложений для поиска кода Visual Studio и запустите его, вы получите окно, как показано ниже.

Установить код Visual Studio в CentOS

Теперь вы можете продолжить и приступить к написанию кода и установке предпочитаемых расширений.

Заключение

Visual Studio Code — это мощный и многофункциональный редактор кода, который позволяет разрабатывать приложения на различных языках программирования. Он особенно популярен среди программистов на Python и C. В этом разделе мы познакомили вас с установкой Visual Studio Code в Linux.

Если вам понравилась эта статья, подпишитесь на уведомления по электронной почте о руководствах по Linux. Если у вас есть вопросы или сомнения? обратитесь за помощью в разделе комментариев.

Если вы цените то, что мы делаем здесь, в TecMint, вам следует подумать о следующем:

TecMint – это самый быстрорастущий и пользующийся наибольшим доверием сайт сообщества, где можно найти любые статьи, руководства и книги по Linux в Интернете. Миллионы людей посещают TecMint! для поиска или просмотра тысяч опубликованных статей, доступных всем БЕСПЛАТНО.

Если вам нравится то, что вы читаете, купите нам кофе (или 2) в знак признательности.

Поддержите нас

Мы благодарны за вашу бесконечную поддержку.

Похожие сообщения

Лучший Linux Редакторы IDE или редакторы исходного кода

GitHub Flavored Markdown

Установить Remote-SSH в VSCode

Интеграция PyDev с Eclipse

Использовать VIM Разделенный экран» width=

Лучшие текстовые редакторы с открытым исходным кодом для Linux

12 мыслей о том, как установить Visual Studio Code в Linux

Попытался использовать это решение в «веб-топе» (vscode через xterm для представления экземпляра докера в браузере)
Env: хост Rocky8, контейнер ubuntu-mate

Проблема:
Код запуска… ошибка
Протокол не указан
[8732:0207/061514.043644:ОШИБКА:browser_main_loop.cc(1402)] Не удалось открыть X-дисплей.
Ошибка сегментации

Решение:
в оболочке webtop
xhost +

Отзывы и почести
Этот парень понял это

Я только что установил VS Code на Mint 20.1 с помощью ваших команд.

Все прошло отлично – спасибо!

Вперед, Колин Саре! Я рад, что руководство оказалось для вас полезным.

Я только начал играть с Linux. Я использовал Snap для установки кода Visual Studio на свою копию Linux Mint. Каковы недостатки (если они есть) использования Snap для установки пакетов в Linux?

Одним из вопиющих недостатков использования snap является то, что они занимают много места на диске. В остальном все готово.

Правда? Это удивительно. Могу ли я случайно контролировать, куда устанавливаются пакеты моментальных снимков?

Это отличное руководство, спасибо.

Я хотел написать сценарий установки (в Fedora), поэтому, следуя вашим инструкциям, теперь у меня есть следующее, работающее как часть сценария оболочки:

Полный список доступных вариантов установки см. на странице загрузки кода Visual Studio.

Загружая и используя Visual Studio Code, вы соглашаетесь с условиями лицензии и заявлением о конфиденциальности.

Дистрибутивы на основе Debian и Ubuntu

Самый простой способ установить Visual Studio Code для дистрибутивов на основе Debian/Ubuntu — загрузить и установить пакет .deb (64-разрядный) либо через графический программный центр, если он доступен, либо через командную строку с помощью:< /p>

Обратите внимание, что другие двоичные файлы также доступны на странице загрузки VS Code.

Установка пакета .deb автоматически установит репозиторий apt и ключ подписи, чтобы включить автоматическое обновление с помощью диспетчера пакетов системы. Кроме того, репозиторий и ключ можно также установить вручную с помощью следующего сценария:

Затем обновите кеш пакета и установите пакет, используя:

Дистрибутивы на основе RHEL, Fedora и CentOS

В настоящее время мы отправляем стабильный 64-разрядный код VS в репозиторий yum. Следующий скрипт установит ключ и репозиторий:

Затем обновите кеш пакетов и установите пакет с помощью dnf (Fedora 22 и выше):

Или в более старых версиях с помощью yum :

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

Получить в Snap Store

Вы можете установить его, запустив:

После установки демон Snap позаботится об автоматическом обновлении VS Code в фоновом режиме. Вы будете получать уведомление об обновлении в продукте всякий раз, когда доступно новое обновление.

Примечание. Если snap недоступен в вашем дистрибутиве Linux, ознакомьтесь со следующим руководством по установке snapd, которое поможет вам выполнить настройку.

Узнайте больше о снэпах из официальной документации по Snap.

дистрибутивы на основе openSUSE и SLE

Приведенный выше репозиторий yum также работает для систем на базе openSUSE и SLE, следующий скрипт установит ключ и репозиторий:

Затем обновите кеш пакета и установите пакет, используя:

Пакет AUR для Arch Linux

Чтобы получить дополнительную информацию об установке из AUR, обратитесь к следующей статье вики: Установка пакетов AUR.

Пакет Nix для NixOS (или любого дистрибутива Linux, использующего диспетчер пакетов Nix)

В репозитории nixpkgs есть поддерживаемый сообществом пакет VS Code Nix. Чтобы установить его с помощью Nix, установите для параметра allowUnfree значение true в вашем config.nix и выполните:

Установка пакета .rpm вручную

Пакет VS Code .rpm (64-разрядная версия) также можно загрузить и установить вручную, однако автоматическое обновление не будет работать, если не установлен указанный выше репозиторий. После загрузки его можно установить с помощью менеджера пакетов, например, с помощью dnf :

Обратите внимание, что другие двоичные файлы также доступны на странице загрузки VS Code.

Обновления

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

Примечание. Обновления для пакета Snap выполняются автоматически и выполняются в фоновом режиме.

Node.js

Node.js — это популярная платформа и среда выполнения, позволяющие легко создавать и запускать приложения JavaScript. Он также включает npm, диспетчер пакетов для модулей Node.js. Вы увидите, что Node.js и npm часто упоминаются в нашей документации, а для некоторых дополнительных инструментов VS Code требуется Node.js (например, генератор расширений VS Code).

Если вы хотите установить Node.js в Linux, см. раздел Установка Node.js с помощью диспетчера пакетов, чтобы найти пакет Node.js и инструкции по установке, адаптированные для вашего дистрибутива Linux. Вы также можете установить и поддерживать несколько версий Node.js с помощью диспетчера версий Node.

Чтобы узнать больше о JavaScript и Node.js, см. наш учебник по Node.js, где вы узнаете о запуске и отладке приложений Node.js с помощью VS Code.

Установка VS Code в качестве текстового редактора по умолчанию

xdg-открыть

Вы можете установить текстовый редактор по умолчанию для текстовых файлов ( text/plain ), который используется xdg-open, с помощью следующей команды:

Система альтернатив Debian

В дистрибутивах на основе Debian можно установить редактор по умолчанию, используя альтернативную систему Debian, не обращая внимания на тип MIME. Вы можете установить это, выполнив следующее и выбрав код:

Если Visual Studio Code не отображается в качестве альтернативы редактору, вам необходимо зарегистрировать его:

Windows как машина для разработчиков Linux

Еще один вариант разработки под Linux с помощью VS Code — использовать компьютер Windows с подсистемой Windows для Linux (WSL).

Подсистема Windows для Linux

С помощью WSL вы можете устанавливать и запускать дистрибутивы Linux в Windows. Это позволяет вам разрабатывать и тестировать исходный код в Linux, одновременно работая локально на компьютере с Windows. WSL поддерживает такие дистрибутивы Linux, как Ubuntu, Debian, SUSE и Alpine, доступные в Microsoft Store.

В сочетании с расширением Remote — WSL вы получаете полную поддержку редактирования и отладки VS Code при работе в контексте дистрибутива Linux на WSL.

Дополнительные сведения см. в документации "Разработка в WSL" или воспользуйтесь вводным учебным пособием "Работа в WSL".

Дальнейшие шаги

После того как вы установили VS Code, эти темы помогут вам узнать о нем больше:

    - Узнайте, как установить Git, Node.js, TypeScript и такие инструменты, как Yeoman. - Быстрое знакомство с VS Code. - Узнайте, как настроить VS Code в соответствии с вашими предпочтениями с помощью настроек.

Частые вопросы

Проблемы с виртуальной машиной Azure

Я получаю сообщение об ошибке "Запуск без песочницы SUID"?

Вы можете спокойно игнорировать эту ошибку.

Debian и перемещение файлов в корзину

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

Выполните эти команды, чтобы решить эту проблему:

Конфликты с пакетами VS Code из других репозиториев

Некоторые дистрибутивы, например Pop!_OS, предоставляют собственный пакет кода. Чтобы убедиться, что используется официальный репозиторий VS Code, создайте файл с именем /etc/apt/preferences.d/code со следующим содержимым:

"Visual Studio Code не может отслеживать изменения файлов в этом большом рабочем пространстве" (ошибка ENOSPC)

Когда вы видите это уведомление, это означает, что у средства наблюдения за файлами VS Code заканчиваются дескрипторы, поскольку рабочая область велика и содержит много файлов. Перед настройкой ограничений платформы убедитесь, что потенциально большие папки, такие как Python .venv , добавлены в параметр files.watcherExclude (подробнее см. ниже). Текущий лимит можно просмотреть, запустив:

Ограничение можно увеличить до максимального, отредактировав /etc/sysctl.conf (кроме Arch Linux, см. ниже) и добавив эту строку в конец файла:

Затем можно загрузить новое значение, запустив sudo sysctl -p .

Хотя 524 288 — это максимальное количество файлов, которое можно просмотреть, если вы работаете в среде с ограниченным объемом памяти, вы можете уменьшить это число. Каждое наблюдение за файлом занимает 1080 байт, поэтому, если предположить, что все 524 288 наблюдателей используются, получается, что верхняя граница составляет около 540 МиБ.

Дистрибутивы на основе Arch (включая Manjaro) требуют изменения другого файла; вместо этого выполните следующие действия.

Еще один вариант — исключить определенные каталоги рабочей области из средства наблюдения за файлами VS Code с помощью параметра files.watcherExclude. По умолчанию для files.watcherExclude исключаются node_modules и некоторые папки в .git , но вы можете добавить другие каталоги, которые вы не хотите отслеживать с помощью VS Code.

Я не вижу китайских иероглифов в Ubuntu

Мы работаем над исправлением. Тем временем откройте меню приложения, затем выберите «Файл» > «Настройки» > «Настройки». В разделе «Текстовый редактор» > «Шрифт» установите «Семейство шрифтов» на Droid Sans Mono, Droid Sans Fallback. Если вы предпочитаете редактировать файл settings.json напрямую, установите editor.fontFamily, как показано ниже:

Пакет git не установлен

Эта ошибка может появиться во время установки и обычно вызвана устаревшими списками менеджера пакетов. Попробуйте обновить их и установить снова:

Команда code bin не выводит окно на передний план в Ubuntu

Выполняемый код .в Ubuntu, когда VS Code уже открыт в текущем каталоге, VS Code не будет отображаться на переднем плане. Это функция ОС, которую можно отключить с помощью ccsm .

В разделе «Основные» > «Общие параметры» > «Фокусировка и подъем» установите для параметра «Уровень предотвращения фокусировки» значение «Выкл.». Помните, что это параметр уровня ОС, который будет применяться ко всем приложениям, а не только к VS Code.

Не удается установить пакет .deb из-за "/etc/apt/sources.list.d/vscode.list: нет такого файла или каталога"

Это может произойти, если sources.list.d не существует или у вас нет доступа для создания файла. Чтобы это исправить, попробуйте вручную создать папку и пустой файл vscode.list:

Невозможно переместить или изменить размер окна, пока X пересылает удаленное окно

Если вы используете пересылку X для удаленного использования VS Code, вам нужно будет использовать собственную строку заголовка, чтобы убедиться, что вы можете правильно управлять окном. Вы можете переключиться на его использование, установив для window.titleBarStyle значение native .

Использование пользовательской строки заголовка

Настраиваемая строка заголовка и меню были включены по умолчанию в Linux в течение нескольких месяцев. Настраиваемая строка заголовка имела успех в Windows, но отзывы клиентов в Linux говорят об обратном. Основываясь на отзывах, мы решили включить этот параметр в Linux и оставить родную строку заголовка по умолчанию.

Настраиваемая строка заголовка обеспечивает множество преимуществ, включая отличную поддержку тем и улучшенный доступ с помощью навигации с помощью клавиатуры и средств чтения с экрана. К сожалению, эти преимущества не переносятся на платформу Linux. В Linux есть множество сред рабочего стола и оконных менеджеров, из-за которых тематика VS Code может показаться пользователям чуждой. Пользователям, которым нужны улучшения специальных возможностей, мы рекомендуем включить настраиваемую строку заголовка при работе в режиме специальных возможностей с помощью программы чтения с экрана. Вы по-прежнему можете установить строку заголовка вручную с помощью параметра Window: Стиль строки заголовка ( window.titleBarStyle ).

Неработающий курсор в редакторе с включенным масштабированием экрана

Репозиторий изменил исходное значение

Если вы получаете сообщение об ошибке, похожее на следующее:

Используйте apt вместо apt-get, и вам будет предложено принять изменение источника:

Кстати, редактор классный (кроссплатформенный)! Спасибо, Наделла!

Вы можете загрузить его с сайта Microsoft


код -n имя файла -- открывает файл в НОВОМ окне. code -r имя файла -- открывает файл в уже открытом окне (это то, что я хотел и почему я комментирую. Это прекрасно работает из окна терминала VSCode). code -g имя файла -- Удобно! Как видно из запущенного кода --help , флаг -g является сокращением от --goto, и это моя любимая команда для использования при отладке. Вы можете использовать только имя файла, и оно действует так же, как -r ИЛИ, вы можете использовать его для перехода прямо к строке или даже символа в строке!

27 ответов 27

Чтобы открыть файл или каталог, используйте команду:

Для пользователей macOS его необходимо установить вручную:

  1. Запустите VS Code.
  2. Command + Shift + P, чтобы открыть палитру команд.
  3. Введите команду оболочки , чтобы найти команду оболочки: установите команду 'code' в PATH и выберите для ее установки.
  4. Перезагрузите терминал.

Mac OS X

  1. Загрузите код Visual Studio для Mac OS X.
  2. Дважды щелкните файл VSCode-osx.zip, чтобы развернуть его содержимое.
  3. Перетащите файл Visual Studio Code.app в папку "Приложения", чтобы он стал доступен на панели запуска.
  4. Добавьте VS Code в Dock, щелкнув значок правой кнопкой мыши и выбрав "Параметры", "Сохранить в Dock".

Линукс

  1. Загрузите Visual Studio Code для Linux.
  2. Создайте новую папку и распакуйте VSCode-linux-x64.zip в эту папку.
  3. Дважды щелкните код, чтобы запустить Visual Studio Code.

Согласно документам, теперь вы можете установить его на Mac с помощью палитры команд (Cmd-Shift-P), команда оболочки: установить «код» в PATH

На Mac это работает, но откроет другой экземпляр VS Code, чем ярлык, установленный из палитры команд. (Я заметил, что запускал две версии одновременно после того, как добавил и попробовал приведенный выше код оболочки Mac, и поиск имени файла был намного медленнее в версии, открытой с помощью установленного вручную ярлыка.)

VS Code — обязательный редактор кода в 2018 году

Для пользователей Windows 10 многое возможно так же, как пользователи Mac OS вводят код . .

Ищите путь к папке VS Code \bin, например, C:\Program Files\Microsoft VS Code\bin . Папка bin содержит файл с именем code.cmd

Следуйте приведенным ниже инструкциям и гордитесь своей ОС.

Выполните поиск по запросу "Дополнительные параметры системы" в меню "Пуск".

Нажмите "Переменные среды"

В системных переменных выберите «путь» на вкладке «Переменная» и нажмите «Изменить».

Нажмите «Создать» в правой части всплывающего окна.

Скопируйте свой путь из пути навигации проводника и вставьте его в новый путь, открытый на шаге 4, например: C:\Program Files\Microsoft VS Code\bin

Нажмите "ОК" во всех открытых окнах, чтобы подтвердить изменения и перезапустить командную строку

Перейдите к своему cmd, перейдите в рабочий каталог на сервере и введите код.

C:>cd wamp64\www\react-app> код. для открытия с помощью VS Code в Windows.

Visual Studio Code также включает окно командной строки (терминала), и вы можете открыть одно или несколько из них с помощью
Ctrl + ` на клавиатуре.

Надеюсь, это поможет кому-то, как помогло многим из нас.


Структура файлов и папок изменилась в новых версиях VS Code (Windows). Итак, code.cmd был недоступен. НО команда code была добавлена ​​в PATH по умолчанию с момента установки

Для всех остальных то, что @Kathir говорит выше, не соответствует действительности для меня. Не было на моем пути, и каталог bin все еще содержит для меня code.cmd. Сначала я попытался сделать это с помощью code.exe , но это довольно сложно, потому что по умолчанию он выгружает все в терминал и запускается как непрерывный терминальный процесс.

Вы также можете запустить VS Code из терминала, введя код после добавления его в путь:

Запустите VS Code. Откройте палитру команд (⇧⌘P) и введите команду оболочки, чтобы найти команду Shell Command: Install code в команде PATH. Команды оболочки Mac

Перезапустите терминал, чтобы новое значение $PATH вступило в силу. Вы сможете ввести код . в любой папке, чтобы начать редактирование файлов в этой папке.

Добавьте каталог "C:\Program Files (x86)\Microsoft VS Code Insiders\bin" в переменную окружения %PATH%.

затем перейдите в папку, которую вы хотите открыть с помощью vs code, и введите: code-insders .

Иногда установка пути из палитры команд VS Code не работает

Вместо этого вручную добавьте свой VS Code в свой путь:

Запустить в терминале

sudo nano /etc/paths

Перейдите к нижней части файла и введите путь, который вы хотите добавить

Нажмите Control-X, чтобы выйти. Введите «Y», чтобы сохранить измененный буфер.

Перезапустите терминал и проверьте эхо $PATH . Вы должны что-то подобное

~ echo $PATH/Users/shashank/.nvm/versions/node/v8.9.2/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Applications /Visual Studio Code.app/Contents/Resources/app/bin

В следующий раз вы перейдете к папке проекта из терминала

Введите:


В случае Linux и Mac вам нужно перейти в каталог, в который вы извлекли файлы VSCode, с помощью команды «cd». Например:

Затем вы запускаете приложение, запустив...

"Код" — это имя исполняемого файла.

Если у вас есть root-доступ к машине, вы можете настроить систему так, чтобы вы могли запускать VSCode из любого места, связав его с /usr/bin, где часто хранятся ссылки на исполняемые файлы.

Теперь вы можете запустить VSCode из любого места, набрав:

При установке в Windows вам будет предложено добавить VS Code в PATH.

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


Для заголовков командной строки вы также можете запустить

sudo ln -s "/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code" /usr/local/bin/code

это будет делать то же самое, что и команда оболочки: установить команду 'code' в функции команды PATH в VSCode.


В Linux, если вы используете код . он откроет VS Code в папке, в которой находился терминал. Использование кода. Filename.cs откроется в папке и откроет указанный файл.

Откройте командную строку и введите:

Откроется ваша папка в Visual Studio Code. Убедитесь, что вы находитесь в правильной папке после выполнения команды "cd your_folder_path".



В Windows вы можете добавить следующий путь к системным переменным среды.



Это работает для Windows:

Но если в пути к файлу есть пробелы, обычно его окружают двойными кавычками, например:

Но это мешает запуску, который может принимать заголовок в двойных кавычках, поэтому он создаст окно с этим именем в качестве заголовка, а не откроет проект.

ввод кода в командной строке dos помог мне

Я использую следующую команду для быстрой загрузки проекта (в Linux)

  1. перейти в проект cd /project
  2. выполнить код команды pwd

подобные шаги можно использовать и в других ОС.


В терминале Linux вы можете просто ввести:

Для Linux Debian можно сделать следующее

Шаг 1: создайте файл .bat с нужным именем, например vscode.bat Шаг 2: укажите путь к Visual Studio Code Шаг 3: сохраните его в каталоге C:\Windows\System32

Шаг 4. Вы можете вызвать код Visual Studio из любого места, введя «vscode» — имя вашего bat-файла


Это сработает. Это имя вашего каталога "Directory_Name"


Другой простой способ сделать это на Mac: перейдите в палитру команд [Shift ⇧+ Command (⌘)+P] и введите: Команда оболочки: установить команду «код» в PATH

после установки: "код" команды оболочки успешно установлен в PATH.

Тогда вы также можете использовать код из терминала.


Если вы устанавливаете VS CODE с помощью оснастки . Вам нужно будет добавить /snap/bin в переменную окружения PATH. Итак, откройте свой .bashrc или .zshrc и добавьте :/snap/bin в свой терминал перезагрузки переменной окружения PATH, и команда кода запустит его

В Ubuntu версия flatpak казалась сломанной. Я удалил его и скачал пакет deb прямо с Microsoft.


Простой способ — перейти в проект, где вы хотите его открыть, и ввести

введите здесь описание изображения

Вот и все. Он откроет ваш проект в Visual Studio Code.


Удалите старую виртуальную среду и создайте новую виртуальную среду.

В каком-то смысле мне не хочется добавлять ответы к длинному списку ответов. Однако я искал на этой странице слово «портативный» и ничего не нашел. (И я выполнил полный поиск в Stack Overflow и тоже ничего не нашел.) Поэтому я хочу добавить этот очень конкретный ответ для потенциальных будущих искателей.

Этот ответ предназначен, если вы установили VS Code в переносном режиме в Windows 10.

«Установка» VS Code в портативном режиме — это загрузка архива .zip и его локальное извлечение в том месте, где вы хотите разместить «установку» VS Code. Фактическая установка или настройка не выполняются, поэтому автоматическое добавление команды code в ваш PATH не выполняется.

Ответить

После извлечения файлов VS Code переносного режима в выбранное вами место, в этом месте должна быть папка bin. Скопируйте полный путь к этой папке bin и добавьте его в системную или пользовательскую (по вашему выбору) переменную PATH.

Как настроить VSCode для повышения производительности

Редакторы кода развивались с годами. Несколько лет назад не было Visual Studio Code (VS Code). Вероятно, вы использовали Sublime Text, Atom, Bracket и т. д. Но с выпуском VS Code он стал любимым редактором кода большинства разработчиков.

Почему VS Code?

Разработчикам это нравится, потому что

  • Его можно настроить
  • Простая отладка
  • Эммет
  • Расширения
  • Интеграция с Git
  • Встроенный терминал
  • Интеллект
  • Тематика и многое другое...

Теперь, когда вы увидели преимущества использования VS Code, в этой статье будут рассмотрены настройки и расширения VS Code, необходимые при использовании VS Code для максимальной производительности.

Терминал

Вы можете настроить свой терминал для использования iTerm2 и ZSh и настроить терминал VS Code для их использования.

После настройки Zsh запустите встроенный терминал VS Code Terminal > New Terminal и выполните команду

для выполнения содержимого файла конфигурации .zshrc в оболочке.

FiraCode выглядит круто из-за поддержки лигатур. Загрузите и установите FiraCode, а затем добавьте его в файл settings.json.

Запуск из командной строки

Запуск VS Code из терминала выглядит круто.Для этого нажмите CMD + SHIFT + P, введите команду оболочки и выберите команду «Установить код» в пути. После этого перейдите к любому проекту из терминала и введите код. из каталога, чтобы запустить проект с помощью VS Code.

Конфигурация

Конфигурации VS Code, не относящиеся к рабочей области, хранятся в файле settings.json. Вы можете настроить VS Code в соответствии со своими предпочтениями.

Чтобы запустить файл settings.json, нажмите

Скопируйте и вставьте приведенный ниже код в файл settings.json:

Расширения

Ниже приведены полезные расширения, которые могут улучшить ваш опыт разработчика при работе с кодовой базой.

Чтобы получить доступ к этим расширениям,

  • Перейти к просмотру -> Расширения
  • Поиск расширений на торговой площадке.
  • Нажмите "Установить".

1. Автоматический импорт

С этим расширением вам не нужно вручную импортировать файлы. Если вы работаете над проектом, основанным на компонентах, просто введите имя компонента, и оно будет автоматически импортировано.

2. Добавьте комментарии jsdoc

Это добавит в код блок комментариев. Чтобы использовать его, выделите первую строку функции, нажмите CMD + SHIFT + P и выберите Добавить комментарии к документу.

3. ESDoc MDN

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

4. Обзор CSS

Как следует из названия, это помогает вам просматривать правила, применяемые определенным стилем в кодовой базе, и ее специфику. Это удобно при работе с устаревшими кодовыми базами.

5. GitLens

GitLens расширяет возможности Git. Это поможет вам делать гораздо больше, например беспрепятственно просматривать репозитории Git, просматривать версии кода, авторство и многое другое.

6. ESLint

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

Чтобы установить ESLint локально, запустите

или глобально с помощью

Вам также потребуется создать файл конфигурации .eslintrc. Если вы установили ESLint локально, запустите

для глобальной установки.

7. Отладчик для Chrome

Это позволяет отлаживать код JavaScript прямо из браузера Google Chrome

8. Google Шрифты

С этим расширением добавление шрифтов Google стало еще проще. Вам больше не нужно искать шрифты в браузере. Чтобы получить доступ к списку шрифтов, нажмите CMD + SHIFT + P и выполните поиск по запросу Шрифты Google.

9. Основные моменты

Из-за большого количества работы, требующей расстановки приоритетов, иногда вы можете забыть о задачах, которые еще предстоит выполнить. Подсветка TODO делает их легко видимыми, выделяя их.

10. Докер

С помощью этого расширения вы можете создавать файлы Dockerfile на лету. Он также обеспечивает подсветку синтаксиса, IntelliSense и многое другое.

Нажмите CMD + SHIFT + P и найдите Добавить файлы Docker в рабочую область

.

11. Проверка правописания кода

Это удобно для выявления типографских ошибок в кодовой базе.

12. Стоимость импорта

Стоимость импорта показывает влияние импортированных пакетов на код. Это помогает определить узкие места в производительности.

13. HTML-подсказка

Это расширение проверяет ваш HTML-код, помогая вам писать код, соответствующий стандартам.

14. Павлин

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

После установки Peacock нажмите значок настроек > настройки, выберите вкладку настроек рабочей области, нажмите <> и вставьте приведенный ниже код.

Вы также можете добавить titleBar и statusBar к затронутым элементам и добавить для них цветовые настройки в разделе colorCustomizations.

Чтобы использовать один из цветов по умолчанию, нажмите CMD + SHIFT + P, введите павлин и выберите предпочитаемую тему. Это переопределяет настройки цвета в файле settings.json, определенном для этой рабочей области.

15. Красивее

Вы всегда нажимаете клавишу пробела или табуляции при написании кода? Тут на помощь приходит Красотка. Он форматирует строки кода и делает их читабельными.

Не стесняйтесь оставлять то, что вам подходит, в разделе комментариев и делиться этой статьей.

Читайте также: