Как изменить терминал в visual studio code

Интегрированный терминал в Visual Studio для Mac

Visual Studio для Mac планируется выйти на пенсию 31 августа 2024 года в соответствии с современной политикой жизненного цикла Майкрософт. Хотя вы можете продолжать работать с Visual Studio для Mac, есть несколько других вариантов для разработчиков на Mac, таких как предварительная версия нового расширения комплекта разработки C# для VS Code.

Вы можете открыть окно встроенного терминала в Visual Studio для Mac из корня вашего решения. Этот терминал может использоваться в различных ситуациях, в том числе для выполнения задач интерфейсной части (например, npm, ng или vue), управления контейнерами, запуска расширенных команд git, выполнения команд Entity Framework, просмотра выходных данных интерфейса командной строки dotnet, добавления пакетов NuGet и т. д.

Открыть терминал можно следующими способами:

• Используйте сочетание клавиш CTRL + `, чтобы отобразить или скрыть окно терминала.
• Используйте команду меню Вид>Терминал.
• Используйте команду терминал из панели поиска.

По умолчанию при запуске терминала происходит следующее:

• В качестве рабочего каталога устанавливается путь к текущему решению.
• Загружается установленная по умолчанию системная оболочка.

Search

Чтобы выполнить поиск содержимого в окне терминала, воспользуйтесь командой меню Поиск > Найти….

Сочетания клавиш для терминала

Команды	Сочетания клавиш
Отображение или скрытие окна терминала	CTRL + `
Создание нового экземпляра терминала	CTRL+’
Прокрутка страницы вверх	PageUp
Прокрутка страницы вниз	PageDown
Циклический перебор ранее выполненных команд	^, ^ ,
Увеличение размера шрифта	⌘+
Уменьшение размера шрифта	⌘-

Несколько экземпляров

Множество экземпляров терминала могут в любое время работать одновременно. Чтобы создать новый экземпляр, воспользуйтесь сочетанием клавиш CTRL + ‘. Для переключения между экземплярами можно выбрать нужную вкладку или нажать клавиши CTRL + TAB и воспользоваться средством выбора окон.

Настройка окна терминала

Настройка шрифта терминала

Вы можете изменять Семейство, Гарнитуру и Размер шрифта, используемого для содержимого окна терминала, в разделе Параметры…>Среда>Шрифты. По умолчанию будет использоваться тот же шрифт, что и для содержимого окна вывода, то есть Menlo (обычный) с размером 11. При желании вы можете установить любой шрифт независимо от используемого в Текстовом редакторе.

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

Для встроенного терминала используются те же параметры по умолчанию и конфигурации, что и для системного терминала macOS. Это значит, что во встроенном терминале также можно использовать соответствующие настройки вашего терминала (zsh, oh-my-zsh и т. д.).

Как настроить терминал в VSCode?

Есть два раздела на диске, установил Git, но VSCode не видит Git Bash.
Искал в интернете как решить проблему, нужно было в настройках расположение файла поставить (пробовал разные git.exe, git-bash.exe) и не помогло.

Вариант с переустановкой на родительский раздел не интересует.

• Вопрос задан более года назад
• 3151 просмотр

5 комментариев

Простой 5 комментариев

Сергей Кузнецов @sergey-kuznetsov Куратор тега Git

При чём тут вообще раздел?
И как вы проверяете, видит или не видит? Он не появляется в списке доступных оболочек?

Вам нужно в PATH внести путь к git
throwberries @throwberries Автор вопроса
Сергей Кузнецов, да, он не появляется в списке доступных просто
throwberries @throwberries Автор вопроса

Алексей 〒., добавил путь к файлу и все также, в списке не появилось.

Сергей Кузнецов @sergey-kuznetsov Куратор тега Git

throwberries, ну во первых надо добавлять путь не к файлу, а к каталогу, где git.exe лежит.
Поправьте и перезагрузитесь. И какой смысл было менять стандартный путь установки?

Решения вопроса 1

Сергей Кузнецов @sergey-kuznetsov Куратор тега Git
Автоматизатор

В мастере установки есть пункт — добавить пути в переменную PATH.
Либо вы забыли добавить, либо не перезагрузили компьютер после установки.

ВАЖНО! Git Bash должен быть установлен в папку C:\Program Files. При установке в другую папку подключить Git Bash к VSCode не получится. Так пишут в интернете.

Ответ написан более года назад
throwberries @throwberries Автор вопроса

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

Git Bash должен быть установлен в папку C:\Program Files.

throwberries, тогда руками п.3 https://qna.habr.com/q/990409

Сергей Кузнецов @sergey-kuznetsov Куратор тега Git

h8nor, Git же работает. Тут у человека другая проблема.

throwberries, поищите в настройках ключ
terminal.integrated.shell.windows
там прописан путь к оболочке, возможно

"terminal.integrated.defaultProfile.windows": "Git Bash", "terminal.integrated.shell.windows": "D:\\Git\\bin\\bash.exe",

Git Bash в VS Code

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

GitHub — веб-сервис, основанный на системе Git, социальная сеть для разработчиков, которая помогает вести коллективную разработку IT-проектов и позволяет:

1. публиковать и редактировать свой код;
2. комментировать чужие наработки;
3. следить за новостями других пользователей.

Git Bash — это приложение для сред Microsoft Windows, которое предоставляет эмуляцию bash (командной оболочки), используемую для запуска Git из командной строки.

После установки Git Bash эти утилиты будут установлены в папку C:\Program Files\Git\bin .

Скачать Git Bash можно с официального сайта https://git-scm.com/.

Для изменения терминала Visual Studio Code по умолчанию с Windows PowerShell на Git Bash необходимо:

1. установить Git Bash на компьютер;
2. выбрать терминал по умолчанию в окне Visual Studio Code, нажав клавишу F1 и набрав (выбрав) пункт меню Terminal: Select Default Profile ;
3. в раскрывшемся окне выбрать Git Bash.

ВАЖНО! Git Bash должен быть установлен в папку C:\Program Files . При установке в другую папку подключить Git Bash к VS Code не получится. Кроме того, именования папок, с которыми вы будете работать в дальнейшем, должны быть на латинице и не содержать пробелов.

Можно также напрямую изменить настройки терминала по умолчанию в JSON файле.

Перейдите в меню File > Preferences > Settings (или нажмите Ctrl + , ), затем щелкните крайний левый значок в правом верхнем углу («Открыть настройки (JSON)»):

В окне настроек JSON измените строку » terminal.integrated.automationShell.windows » , указав расположение исполняемого файла bash.exe «C: \\ WINDOWS \\ System32 \\ bash.exe» :

Для работы с Git необходимо:

1. зарегистрироваться на github.com;
2. установить Git на компьютер в папку C:\Program Files ;
3. сгенерировать SSH ключи, введя в терминале Git Bash команду ssh-keygen -t rsa -b 4096 -C «your_mail@example.com» (подробнее здесь);

Основные команды Git Bash

Настройка Git

Все команды — для консоли Git Bash (для командной строки).

Проверка настроек

Если вы хотите проверить используемую конфигурацию, можете использовать команду git config —list, чтобы показать все настройки, которые Git найдёт:

Как настроить VS Code для увеличения продуктивности

Перевод статьи «How to set up VSCode to improve your productivity».

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

Почему VS Code?

Любви разработчиков к этому редактору способствуют (среди прочих) такие его особенности:

• Настраиваемость
• Легкость отладки
• Emmet
• Расширения
• Интеграция Git
• Встроенный терминал
• Intellisense

Теперь, когда вы знаете о преимуществах использования VS Code, давайте рассмотрим, как его настроить и какие расширения установить, чтобы использовать этот редактор максимально эффективно. (Примечание редакции: в статье приводятся советы для macOS, но многие из них универсальны. Для вызова палитры команд вместо CMD + SHIFT + P можно использовать CTRL + SHIFT + P).

Терминал

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

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

source ~/.zshrc

. ~/.zshrc

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

Шрифт

Благодаря поддержке лигатур хорошо смотрится FiraCode. Скачайте и установите этот шрифт, а затем добавьте его в ваш файл settings.json. (Примечание редакции: для доступа к файлу выберите в палитре команд Open Settings (JSON)).

"editor.fontFamily": "Fira Code","editor.fontLigatures": true,

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

Хорошо бы иметь возможность запускать VS Code из терминала. Для этого нажмите CMD + SHIFT + P, введите shell command и выберите Install code command in path. После чего перейдите в любой проект из терминала и, находясь в выбранной директории, введите «code .», чтобы запустить проект с помощью VS Code.

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

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

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

< "editor.multiCursorModifier": "ctrlCmd", "editor.formatOnPaste": true, "editor.wordWrap": "bounded", "editor.trimAutoWhitespace": true, "editor.fontFamily": "Fira Code", "editor.fontLigatures": true, "editor.fontSize": 14, "editor.formatOnSave": true, "files.autoSave": "onFocusChange", "emmet.syntaxProfiles": < "javascript": "jsx" >, "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript", "javascriptreact" ], "javascript.validate.enable": true, "git.enableSmartCommit": true, "files.trimTrailingWhitespace": true, "editor.tabSize": 2, "gitlens.historyExplorer.enabled": true, "diffEditor.ignoreTrimWhitespace": false, "workbench.sideBar.location": "right", "explorer.confirmDelete": false, "javascript.updateImportsOnFileMove.enabled": "always", >

Расширения

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

Чтобы найти эти расширения,

1. Перейдите View -> Extensions
2. Найдите нужное расширение
3. Кликните «Install».

1. Auto Import

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

2. Add jsdoc comments

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

3. ESDoc MDN

В некоторых ситуациях у нас бывает тенденция забывать, как работают те или иные вещи. Здесь нам и пригодится расширение ESDoc MDN. С ним вам не придется запускать браузер, чтобы найти правильный синтаксис. Все, что нужно, это набрать

//mdn [object].[method];

4. CSS Peek

Как следует из названия (peek – «заглянуть»), это расширение помогает вам просмотреть правила, задействованные при применении определенного стиля в кодовой базе. Это бывает удобно при работе с legacy-кодом.

5. GitLens

GitLens повышает эффективность работы с Git. С помощью этого расширения вы сможете делать гораздо больше всего, например, без труда исследовать репозитории Git, просматривать внесенные исправления, информацию об авторстве и т. д.

6. ESLint

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

Для локальной установки запустите

npm install eslint

а для глобальной –

npm install -g eslint

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

./node_modules/.bin/eslint --init

eslint --init

– в случае глобальной инсталляции.

7. Debugger for Chrome

С его помощью вы сможете осуществлять отладку вашего JavaScript-кода прямо из браузера Google Chrome.

8. Google Fonts

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

9. TODO Highlight

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

10. Docker

Благодаря этому расширению вы сможете на лету создавать Dockerfiles. Также предоставляется подсветка синтаксиса, intellisense и многое другое.

Нажмите CMD + SHIFT + P и поищите Add Docker files to workspace.

11. Code Spellchecker

Это расширение позволяет с легкостью находить опечатки в коде.

12. Import Cost

Import Cost показывает, как импортируемые пакеты влияют на код. Это позволяет оценивать проблемы с производительностью.

13. HTMLHint

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

14. Peacock

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

После установки Peacock кликните на иконке настроек > settings, выберите вкладку настроек рабочего пространства, кликните на <> и вставьте следующий код:

< "workbench.colorCustomizations": < "activityBar.background": "#e90b8d", "activityBar.foreground": "#fff", "activityBar.inactiveForeground": "#b5b5b5", >, "peacock.affectedElements": [ "activityBar", ] >

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

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

15. Prettier

При написании кода все время приходится набирать пробелы или табы? На помощь вам придет Prettier. Это расширение форматирует строки кода и делает код читаемым.