Редактор исходного кода: Путеводитель по редакторам исходного кода

SAP

• • Назад
  • ABAP
  • APO
  • Начинающий
  • Basis
  • BODS
  • BI
  • BPC
  • CO
  • Назад
  • CRM
  • Crystal Reports
  • Crystal Reports
  • FICO3
  • Заработная плата
  • Назад
  • PI / PO
  • PP
  • SD
  • SAPUI5
  • Безопасность
  • Менеджер решений
  • Successfactors
  • SAP Tutorials
  4
• Web
• Apache
• AngularJS
• ASP.Net
• C
• C #
• C ++
• CodeIgniter
• СУБД
• JavaScript

• Назад
• Java
• JSP
• Kotlin
• Linux
• Linux
• Kotlin
• Linux
js
• Perl

• Назад
• PHP
• PL / SQL
• PostgreSQL
• Python
• ReactJS
• Ruby & Rails
• Scala
• SQL
000
• SQL
000
• SQL
0000003 SQL000
• UML
• VB.Net
• VBScript
• Веб-службы
• WPF

Обязательно учите!

• • Назад
  • Бухгалтерский учет
  • Алгоритмы
  • Android
  • Блокчейн
  • Бизнес-аналитик
  • Создание веб-сайта
  • Облачные вычисления
  • COBOL
  • Встроенные системы
  • 9000 Дизайн 9000 Эталон
  • 900 Эталон
  • 9000 Проектирование
  900 Ethical
  • Учебные пособия по Excel
  • Программирование на Go
  • IoT
  • ITIL
  • Jenkins
  • MIS
  • Сеть
  • Операционная система
  • Назад
  • Prep
  • PM Prep
  • Управление проектом Salesforce
  • SEO
  • Разработка программного обеспечения
  • VBA
  900 04

Большие данные

• • Назад
  • AWS
  • BigData
  • Cassandra
  • Cognos
  • Хранилище данных
  • DevOps Back
  • DevOps Back
  • HBase
    • MongoDB
    • NiFi

Пользовательский интерфейс кода Visual Studio

По своей сути Visual Studio Code — это редактор кода.Как и многие другие редакторы кода, VS Code использует общий пользовательский интерфейс и макет проводника слева, отображающий все файлы и папки, к которым у вас есть доступ, и редактор справа, отображающий содержимое файлов, которые вы открыли. .

Базовая компоновка

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

• Редактор — Основная область для редактирования файлов.Вы можете открывать столько редакторов, сколько хотите, бок о бок по вертикали и горизонтали.
• Боковая панель — Содержит различные представления, такие как Explorer, чтобы помочь вам при работе над вашим проектом.
• Строка состояния — Информация об открытом проекте и файлах, которые вы редактируете.
• Панель активности — расположена в дальнем левом углу, позволяет переключаться между представлениями и дает дополнительные контекстно-зависимые индикаторы, такие как количество исходящих изменений при включенном Git.
• Панели — Вы можете отображать различные панели под областью редактора для вывода или отладочной информации, ошибок и предупреждений или встроенного терминала. Панель также можно сдвинуть вправо, чтобы освободить больше места по вертикали.

Каждый раз, когда вы запускаете VS Code, он открывается в том же состоянии, в котором вы его закрывали в последний раз. Папка, макет и открытые файлы сохраняются.

Открытые файлы в каждом редакторе отображаются с заголовками с вкладками (вкладками) в верхней части области редактора.Чтобы узнать больше о заголовках с вкладками, см. Раздел Вкладки ниже.

Совет: Вы можете переместить боковую панель вправо ( View > Move Side Bar Right ) или переключить ее видимость (⌘B (Windows, Linux Ctrl + B)).

Редактирование бок о бок

Вы можете открывать столько редакторов, сколько хотите, бок о бок по вертикали и горизонтали. Если у вас уже открыт один редактор, есть несколько способов открыть другой редактор сбоку от существующего:

• Щелкните файл в проводнике, удерживая клавишу Alt.
• ⌘ \ (Windows, Linux Ctrl + \), чтобы разделить активный редактор на два.
• Открыть сбоку (⌃Введите (Windows, Linux Ctrl + Enter)) из контекстного меню проводника в файле.
• Нажмите кнопку Split Editor в правом верхнем углу редактора.
• Перетащите файл в любую сторону области редактора.
• Ctrl + Enter (macOS: Cmd + Enter) в списке файлов Quick Open (⌘P (Windows, Linux Ctrl + P)).

Каждый раз, когда вы открываете другой файл, активный редактор отображает содержимое этого файла. Поэтому, если у вас есть два редактора бок о бок и вы хотите открыть файл «foo.cs» в правом редакторе, убедитесь, что этот редактор активен (щелкнув внутри него), прежде чем открывать файл «foo.cs».

По умолчанию редакторы открываются справа от активного. Вы можете изменить это поведение с помощью параметра workbench.editor.openSideBySideDirection и вместо этого настроить открытие новых редакторов в нижней части активного.

Если у вас открыто несколько редакторов, вы можете быстро переключаться между ними, удерживая клавишу Ctrl (macOS: Cmd) и нажимая 1, 2 или 3.

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

Миникарта

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

Совет: Вы можете переместить миникарту в левую сторону или полностью отключить ее, установив соответственно "editor.minimap.side": "left" или "editor.minimap.enabled": false в вашем пользователе или настройки рабочего пространства.

Направляющие отступа

На изображении выше также показаны направляющие отступа (вертикальные линии), которые помогают быстро увидеть совпадающие уровни отступа.Если вы хотите отключить направляющие отступа, вы можете установить «editor.renderIndentGuides»: false в настройках пользователя или рабочей области.

Панировочные сухари

В редакторе есть панель навигации над его содержимым, которая называется «Панировочные сухари». Он показывает текущее местоположение и позволяет быстро перемещаться между папками, файлами и символами.

«Хлебные крошки» всегда показывают путь к файлу, а если текущий тип файла имеет языковую поддержку символов, путь символа до позиции курсора.Вы можете отключить панировочные сухари с помощью команды переключения View > Show Breadcrumbs . Дополнительные сведения о функции хлебных крошек, например о том, как настроить их внешний вид, см. В разделе «Навигация по коду» в разделе «Навигация по коду».

Explorer

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

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

• Создавайте, удаляйте и переименовывайте файлы и папки.
• Перемещайте файлы и папки с помощью перетаскивания.
• Используйте контекстное меню, чтобы изучить все варианты.

Совет: Вы можете перетаскивать файлы в проводник извне VS Code, чтобы скопировать их (если проводник пуст, VS Code вместо этого откроет их)

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

Вы также можете перейти к местоположению файла или папки в собственном проводнике, щелкнув правой кнопкой мыши файл или папку и выбрав Показать в проводнике (или Показать в Finder в macOS или Открыть содержащую папку в Linux ).

Совет: Введите ⌘P (Windows, Linux Ctrl + P) ( Quick Open ), чтобы быстро найти и открыть файл по его имени.

По умолчанию VS Code исключает некоторые папки из проводника (например, .git ). Используйте параметр files.exclude , чтобы настроить правила для скрытия файлов и папок из проводника.

Совет: Это действительно полезно, чтобы скрыть производные файлы ресурсов, такие как \ *.meta в Unity или \ *. js в проекте TypeScript. Чтобы Unity исключила файлы \ *. Cs.meta , нужно выбрать шаблон: "** / *. Cs.meta": true . Для TypeScript можно исключить сгенерированный JavaScript для файлов TypeScript с помощью: "** / *. Js": {"when": "$ (basename) .ts"} .

Множественный выбор

Вы можете выбрать несколько файлов в представлении File Explorer и OPEN EDITORS для выполнения действий (Удалить, Перетащить и оставить, Открыть в сторону) над несколькими элементами.Используйте клавишу Ctrl / Cmd , щелкните , чтобы выбрать отдельные файлы, и Shift, + щелкните , чтобы выбрать диапазон. Если вы выберете два элемента, теперь вы можете использовать команду контекстного меню Сравнить выбранные для быстрого сравнения двух файлов.

Примечание: В более ранних выпусках VS Code нажатие клавиши Ctrl / Cmd открывало бы файл в новой группе редакторов сбоку. Если вам все еще нравится такое поведение, вы можете использовать рабочий стол .list.multiSelectModifier , чтобы изменить множественный выбор для использования клавиши Alt .

  "workbench.list.multiSelectModifier": "alt"  

Фильтрация дерева документов

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

Если навести указатель мыши на поле фильтра и выбрать Включить фильтр для типа , будут показаны только соответствующие файлы / папки. Используйте кнопку «X» Очистить , чтобы очистить фильтр.

Общий вид

Представление структуры — это отдельный раздел в нижней части проводника. При раскрытии отображается дерево символов текущего активного редактора.

Контурное представление имеет различные режимы Сортировка по , дополнительное отслеживание курсора и поддерживает обычные жесты открытия. Он также включает поле ввода, которое находит или фильтрует символы по мере ввода. Ошибки и предупреждения также отображаются в режиме «Структура», что позволяет сразу увидеть место возникновения проблемы.

Для символов представление основывается на информации, вычисленной вашими установленными расширениями для различных типов файлов. Например, встроенная поддержка Markdown возвращает иерархию заголовков Markdown для символов файла Markdown.

Существует несколько параметров просмотра структуры, которые позволяют включать / отключать значки и управлять отображением ошибок и предупреждений (все они включены по умолчанию):

• outline.icons — Включает отображение элементов контура с помощью значков.
• outline.problems.enabled — Показывать ошибки и предупреждения на элементах структуры.
• outline.problems.badges — Переключить использование значков для ошибок и предупреждений.
• наброски.issues.colors — Переключение цветов для ошибок и предупреждений.

Открытые редакторы

В верхней части проводника находится представление с надписью ОТКРЫТЫЕ РЕДАКТОРЫ . Это список активных файлов или превью. Это файлы, которые вы ранее открывали в VS Code, над которыми вы работали. Например, файл будет указан в представлении ОТКРЫТЫЕ РЕДАКТОРЫ , если вы:

• Внесите изменения в файл.
• Дважды щелкните заголовок файла.
• Дважды щелкните файл в проводнике.
• Открыть файл, не входящий в текущую папку.

Просто щелкните элемент в представлении ОТКРЫТЫЕ РЕДАКТОРЫ , и он станет активным в VS Code.

Когда вы закончите свою задачу, вы можете удалить файлы по отдельности из представления ОТКРЫТЫЕ РЕДАКТОРЫ или вы можете удалить все файлы с помощью действия View: Close All Editors or View: Close All Editors in Group actions.

Просмотры

Проводник — это лишь одно из представлений, доступных в VS Code.Есть также Просмотры для:

• Поиск — Обеспечивает глобальный поиск и замену в открытой папке.
• Source Control — VS Code по умолчанию включает систему управления версиями Git.
• Выполнить — в представлении запуска и отладки VS Code отображаются переменные, стеки вызовов и точки останова.
• Расширения — Устанавливайте расширения и управляйте ими в VS Code.
• Пользовательские представления — Просмотры, добавленные расширениями.

Совет: Вы можете открыть любое представление с помощью команды View: Open View .

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

Панель активности

Панель активности слева позволяет быстро переключаться между видами. Вы также можете изменить порядок представлений, перетащив их на панель активности или полностью удалить представление (щелкните правой кнопкой мыши Скрыть из панели действий ).

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

VS Code также доступен с клавиатуры. Наиболее важная комбинация клавиш, которую необходимо знать, — это ⇧⌘P (Windows, Linux Ctrl + Shift + P), которая вызывает палитру команд . Отсюда у вас есть доступ ко всем функциям VS Code, включая сочетания клавиш для наиболее распространенных операций.

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

• ⌘P (Windows, Linux Ctrl + P) позволит вам перейти к любому файлу или символу, набрав его имя
• ⌃Tab (Windows, Linux Ctrl + Tab) будет циклически перемещаться по последнему набору открытых файлов
• ⇧⌘P (Windows, Linux Ctrl + Shift + P) перенесет вас прямо в редактор команд
• ⇧⌘O (Windows, Linux Ctrl + Shift + O) позволит вам перейти к определенному символу в файле
• ⌃G (Windows, Linux Ctrl + G) позволит вам перейти к определенной строке в файле

Тип ? в поле ввода, чтобы получить список доступных команд, которые вы можете выполнить отсюда:

Настройка редактора

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

Вы можете скрыть панель меню в Windows и Linux с помощью команды View > Toggle Menu Bar command. Вы по-прежнему можете получить доступ к строке меню, нажав клавишу Alt ( window.menuBarVisibility настройка ).

Настройки

Большинство конфигураций редактора хранятся в настройках, которые можно изменять напрямую.Вы можете установить параметры глобально с помощью пользовательских настроек или для каждого проекта / папки с помощью настроек рабочей области. Значения настроек хранятся в файле settings.json .

• Выберите Файл > Настройки > Настройки (или нажмите ⌘, (Windows, Linux Ctrl +,)), чтобы отредактировать пользовательский файл settings.json .
• Чтобы изменить настройки рабочего пространства, выберите вкладку НАСТРОЙКИ РАБОЧЕГО ПРОСТРАНСТВА , чтобы отредактировать файл рабочего пространства settings.json .

Примечание для пользователей macOS: Меню настроек находится под Код , а не Файл . Например, Код > Настройки > Настройки .

Вы увидите настройки VS Code по умолчанию в левом окне и ваш редактируемый файл settings.json справа. Вы можете легко отфильтровать настройки в Default Settings , используя поле поиска вверху.Скопируйте параметр в редактируемый файл settings.json справа, щелкнув значок редактирования слева от параметра. Настройки с фиксированным набором значений позволяют вам выбрать значение как часть их меню значка редактирования.

После редактирования настроек введите ⌘S (Windows, Linux Ctrl + S), чтобы сохранить изменения. Изменения вступят в силу немедленно.

Примечание. Параметры рабочего пространства имеют приоритет над параметрами пользователя и полезны для совместного использования параметров проекта в группе.

Режим Дзен

Zen Mode позволяет вам сосредоточиться на своем коде, скрывая весь пользовательский интерфейс, кроме редактора (без панели действий, строки состояния, боковой панели и панели), переходя в полноэкранный режим и центрируя макет редактора. Режим Дзен можно переключить с помощью меню View , Command Palette или сочетания клавиш ⌘K Z (Windows, Linux Ctrl + K Z). Двойной Esc выходит из режима дзен. Переход в полноэкранный режим можно отключить через zenMode.fullScreen . Режим дзен можно дополнительно настроить с помощью следующих настроек: zenMode.hideStatusBar , zenMode.hideTabs , zenMode.fullScreen , zenMode.restore и zenMode.centerLayout .

Центрированный макет редактора

Центрированный макет редактора позволяет центрировать область редактора. Это особенно полезно при работе с одним редактором на большом мониторе. Вы можете использовать боковые створки для изменения размера вида (удерживайте нажатой клавишу Alt для независимого перемещения створок).

Вкладки

Visual Studio Code показывает открытые элементы с вкладками (заголовками с вкладками) в области заголовка над редактором.

Когда вы открываете файл, для этого файла добавляется новая вкладка.

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

Если у вас больше открытых элементов, чем может поместиться в области заголовка, вы можете использовать команду Показать открытые редакторы (доступную с помощью кнопки ... Дополнительно) для отображения раскрывающегося списка элементов с вкладками.

Если вы не хотите использовать вкладки, вы можете отключить эту функцию, установив рабочую среду .editor.showTabs устанавливает значение false:

  "workbench.editor.showTabs": ложь  

См. Раздел ниже, чтобы оптимизировать VS Code при работе без вкладок.

Заказ вкладок

По умолчанию новые вкладки добавляются справа от существующих вкладок, но вы можете указать, где должны отображаться новые вкладки, с помощью параметра workbench.editor.openPositioning .

Например, вы можете захотеть, чтобы слева отображались новые элементы с вкладками:

  "верстак.editor.openPositioning ":" left " 

Режим предварительного просмотра

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

Режим предварительного просмотра обозначен курсивом в заголовке вкладки:

Если вы предпочитаете не использовать режим предварительного просмотра и всегда создавать новую вкладку, вы можете управлять поведением с помощью следующих настроек:

• верстак.editor.enablePreview для глобального включения или отключения редакторов предварительного просмотра
• workbench.editor.enablePreviewFromQuickOpen для включения или отключения редакторов предварительного просмотра при открытии из Quick Open

Группы редакторов

Когда вы разделяете редактор (используя команды Split Editor или Open to the Side ), создается новая область редактора, которая может содержать группу элементов. Вы можете открывать столько областей редактора, сколько хотите, бок о бок по вертикали и горизонтали.

Вы можете ясно увидеть это в разделе ОТКРЫТЫЕ РЕДАКТОРЫ в верхней части окна проводника:

Вы можете перетаскивать группы редакторов в рабочую среду, перемещать отдельные вкладки между группами и быстро закрывать целые группы ( Close All ).

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

Макет редактора сетки

По умолчанию группы редакторов располагаются в вертикальных столбцах (например, когда вы разделяете редактор, чтобы открыть его сбоку). Вы можете легко расположить группы редакторов в любом макете, как по вертикали, так и по горизонтали:

Для поддержки гибких макетов вы можете создавать пустые группы редакторов. По умолчанию закрытие последнего редактора группы редакторов приводит к закрытию и самой группы, но вы можете изменить это поведение с помощью нового параметра workbench.editor.closeEmptyGroups: false :

В новом меню View > Editor Layout есть предопределенный набор макетов редактора:

Редакторы, которые открываются сбоку (например, при нажатии на панели инструментов редактора действие Разделить редактор ) по умолчанию открываются справа от активного редактора. Если вы предпочитаете открывать редакторы ниже активного, настройте новый параметр workbench.editor.openSideBySideDirection: вниз .

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

Pro Совет : Если вы нажмете и удерживаете клавишу Alt при наведении курсора на действие панели инструментов для разделения редактора, он предложит разделить на другую ориентацию. Это быстрый способ разделения вправо или вниз.

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

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

Если вы хотите изменить сочетания клавиш по умолчанию, см. Раздел «Привязки клавиш».

• ⌥⌘ → (Windows, Linux Ctrl + PageDown) перейти в правый редактор.
• ⌥⌘ ← (Windows, Linux Ctrl + PageUp) перейти в левый редактор.
• ⌃Tab (Windows, Linux Ctrl + Tab) открыть предыдущий редактор в списке MRU группы редакторов.
• ⌘1 (Windows, Linux Ctrl + 1) перейти в крайнюю левую группу редакторов.
• ⌘2 (Windows, Linux Ctrl + 2) перейти в центральную группу редакторов.
• ⌘3 (Windows, Linux Ctrl + 3) перейти в крайнюю правую группу редакторов.
• ⌘W (Windows Ctrl + F4, Linux Ctrl + W) закрыть активный редактор.
• ⌘K W (Windows, Linux Ctrl + K W) закрыть все редакторы в группе редакторов.
• ⌘K ⌘W (Windows, Linux Ctrl + K Ctrl + W) закрыть все редакторы.

Работа без вкладок

Если вы предпочитаете не использовать вкладки (заголовки с вкладками), вы можете полностью отключить вкладки (заголовки с вкладками), установив рабочую среду .editor.showTabs на false.

Отключить режим предварительного просмотра

Без вкладок, раздел ОТКРЫТЫЕ РЕДАКТОРЫ Проводника файлов — это быстрый способ навигации по файлам. В режиме предварительного просмотра файлы не добавляются ни в список OPEN EDITOR , ни в группу редакторов при открытии одним щелчком мыши. Вы можете отключить эту функцию с помощью настроек workbench.editor.enablePreview и workbench.editor.enablePreviewFromQuickOpen .

Ctrl + Tab для навигации по всей истории редактора

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

Измените свои сочетания клавиш и добавьте следующее:

  {"ключ": "ctrl + tab", "команда": "workbench.action.openPreviousEditorFromHistory"},
{"ключ": "ctrl + tab", "команда": "workbench.action.quickOpenNavigateNext", "когда": "inQuickOpen"},  

Закройте всю группу вместо одного редактора

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

macOS:

  {"ключ": "cmd + w", "команда": "workbench.action.closeEditorsInGroup "}  

Windows / Linux:

  {"ключ": "ctrl + w", "команда": "workbench.action.closeEditorsInGroup"}  

Управление окнами

VS Code имеет несколько параметров для управления тем, как окна (экземпляры) должны открываться или восстанавливаться между сеансами.

Параметры window.openFoldersInNewWindow и window.openFilesInNewWindow предназначены для настройки открытия новых окон или повторного использования последнего активного окна для файлов или папок. Возможные значения: по умолчанию , на и выкл .

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

Примечание. Могут быть случаи, когда этот параметр игнорируется (например, при использовании параметра командной строки -new-window или -reuse-window ).

Параметр window.restoreWindows сообщает VS Code, как восстановить открытые окна предыдущего сеанса. По умолчанию VS Code восстанавливает все окна, над которыми вы работали во время предыдущего сеанса (настройка: все ). Измените этот параметр на нет , чтобы никогда не открывать повторно никакие окна и всегда начинать с пустого экземпляра VS Code. Измените его на или , чтобы повторно открыть последнее открытое окно, с которым вы работали, или папок , чтобы восстановить только те окна, в которых были открыты папки.

Следующие шаги

Теперь, когда вы знаете общую структуру VS Code, начните настраивать редактор под свой стиль работы, просмотрев следующие темы:

Общие вопросы

Как изменить цвет направляющих отступов?

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

Например, чтобы сделать направляющие отступа ярко-синими, добавьте в файл settings.json :

  "workbench.colorCustomizations": {
    "editorIndentGuide.background": "# 0000ff"
}  

Можно ли скрыть раздел ОТКРЫТЫЕ РЕДАКТОРЫ в проводнике?

Да, вы можете скрыть список ОТКРЫТЫЕ РЕДАКТОРЫ с помощью параметра explorer.openEditors.visible , который объявляет, сколько элементов отображать до появления полосы прокрутки.Установка «explorer.openEditors.visible»: 0 скроет ОТКРЫТЫЕ РЕДАКТОРЫ , если у вас есть открытая папка. Список все равно будет отображаться, если вы используете VS Code для просмотра отдельных свободных файлов, поскольку они не будут отображаться на панели папок.

11.12.2020

лучших C ++ IDE или редакторов исходного кода для программирования [2020]

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

Что такое IDE?

IDE или Интегрированная среда разработки , как следует из названия, представляет собой цифровую среду, используемую для разработки игр, программного обеспечения и оборудования, которая предлагает интеграцию от отладки до компиляции. Некоторая C ++ IDE поддерживает только один язык, например IDLE поддерживает только Python, напротив, Xcode от Apple поддерживает множество языков, таких как C, C ++, Java и другие.

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

Лучший редактор C ++ IDE и исходного кода

1. Dev C ++

Dev C ++, IDE с открытым исходным кодом, считается одной из лучших IDE для C ++. Dev C ++ можно использовать только в Windows, он не поддерживает другие ОС, такие как Linux и OS X. Он имеет такие функции, как автозавершение кода, диспетчер инструментов, интегрированная отладка, подсветка синтаксиса, компиляторы на основе GCC, профилирование и т. Д.

Характеристики:

• Поддержка компиляторов на основе GCC
• Интегрированная отладка (с использованием GDB)
• Поддержка нескольких языков (локализация)
• Настраиваемый редактор подсветки синтаксиса
• Поддержка шаблонов для создания ваших типов проектов
• Диспетчер инструментов
• Поддержка печати
• Найти и заменить объекты
• Менеджер пакетов для простой установки дополнительных библиотек.

Официальный сайт: http://www.bloodshed.net/devcpp.html

2. Код Visual Studio

Visual Studio Code — это современная IDE с открытым исходным кодом, разработанная Microsoft. Он доступен для Windows, Linux и macOS. Visual Studio Code предоставляет потрясающие функции, такие как приятный интерфейс командной строки, высококачественный API, фрагменты кода, рефакторинг кода, автоматическое завершение кода, интегрированный Git и т. Д.

Характеристики:

• Отчетность по аннотациям : позволяет разработчику извлекать аннотации C # и отображать их в HTML или сохранять в XML-документах
• Автоматическое скрытие: Позволяет разработчику складывать свернутые документы по краям среды разработки и всплывает при наведении курсора мыши на них.
• Каскадные таблицы стилей: Полная поддержка создания стилей, которые можно применять к элементам HTML или XML
• Окно команд: Позволяет разработчику вызывать команды в среде IDE
• Поддержка отладки: Расширенная поддержка отладки для C #, C ++ и Visual Basic непосредственно в среде, а также поддержка управляемого кода и удаленной отладки.
• Инструменты развертывания: Позволяют разработчику использовать установщик Windows для развертывания приложений; поддерживает откат установки и рекламу приложений; графический редактор позволяет разработчику создавать установщики; модули слияния позволяют разработчику стандартизировать установку компонентов для нескольких приложений
• Навигация по документу: Поддерживает такие вещи, как история курсора, позволяя разработчику возвращаться к частям документа или к другим окнам
• Возможности редактора: Слишком много, чтобы охватить; включает автоматический отступ, цветовое выделение, автозаполнение, кольца буфера обмена, навигацию по документу и многое другое.
• Расширенная поддержка автоматизации: Позволяет разработчику программно получать доступ и управлять частями среды IDE, такими как редактор кода, проекты, окна инструментов, а также инструменты отладки, сборки и развертывания.
• HTML WYSIWYG-дизайн и редактирование исходного кода HTML-документов
• Запись макроса: Это позволяет разработчику записывать и воспроизводить макросы непосредственно в среде разработки.
• Обозреватель объектов: Поддерживает все языки и позволяет разработчику просматривать объекты в проектах и ​​библиотеках классов.
Схемы
• поддерживают автоматическое создание схемы из экземпляра документа XML
• Начальная страница: Действует как личная домашняя страница для разработчиков .Net development и обеспечивает доступ к новостям, обновлениям, загрузкам и документации. Документы с вкладками. Позволяет разработчику переходить через несколько окон в одной части экрана.
• Веб-браузер: Позволяет разработчику отображать веб-страницы непосредственно в среде разработки
• XML: Позволяет разработчику редактировать XML с выделением синтаксиса
• Типы данных

Официальный сайт: https: // code.visualstudio.com/

3. Код :: Блоки

Code :: Blocks — еще одна отличная IDE для разработки на C ++, которая предоставляет вам все необходимые функции и инструменты. Вы можете использовать эту IDE на различных платформах, таких как Windows, Mac OS X и Linux.

Code :: Blocks имеет все основные функции, такие как отладка, компиляция и автоматическое завершение кода. Другие функции включают профилирование, покрытие кода, анализ кода, функцию перетаскивания и т. Д. Вы можете добавлять дополнительные функции через плагины.

Характеристики:

• Открытый исходный код! GPLv3, без скрытых затрат.
• Кроссплатформенный . Работает на Linux, Mac, Windows (использует wxWidgets).
• Написан на C ++. Никаких интерпретируемых языков или проприетарных библиотек не требуется.
• Расширяется через плагины

Официальный сайт: http://www.codeblocks.org/

4. Затмение

Eclipse — одна из самых простых и мощных IDE для разработки на C ++.Это IDE с открытым исходным кодом, доступная для Windows, Mac OS X и Linux. Поскольку это очень простая IDE, новичкам она будет очень простой в использовании. Он предоставляет вам полезные функции, такие как отладка, компиляция кода, автоматическое завершение кода, профилирование, рефакторинг, статический анализ кода, функция перетаскивания и т. Д.

Характеристики:

• Сочетания клавиш
• Автокоррекция
• Рефакторинг
• Файлы различий
• Организация отчетов
• Форматирование исходников

Официальный сайт: http: // www.eclipse.org/cdt/

5. CodeLite

CodeLite — мощный редактор кода, поддерживающий Windows, OS X и Linux. Это программное обеспечение с открытым исходным кодом, то есть бесплатное.

CodeLite поставляется с такими функциями, как компиляция кода, отладка следующего поколения, профилирование, браузер классов, статический анализ кода, инструмент завершения кода, рефакторинг и т. Д. Эта IDE предоставляет вам инструмент RAD, который позволяет создавать приложения на основе виджетов.

Характеристики:

• Механизм завершения кода на основе Clang
• Завершение кода JavaScript
• Завершение кода PHP
• Завершение слов (на основе открытых редакторов)
• Git, плагины Svn
• Обозреватель баз данных
• Служба поддержки Valgrind
• SpellChecker.

Официальный сайт: http://codelite.org/

6. Превосходный текст

Sublime Text — замечательный редактор кода, который можно использовать для многих языков программирования, включая C ++. Это также лучшая IDE для c ++. Это очень быстрый текстовый редактор с простым пользовательским интерфейсом. Эта программа очень проста в использовании.

Sublime Text — это современная среда IDE, которая обладает такими замечательными функциями, как подсветка синтаксиса, Goto Anything, Goto Definition, Command Palette, Multiple Selections, мощный API, разделенное редактирование и мгновенное переключение проекта.

Характеристики:

1. Палитра команд ctrl + shift + p

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

Например, он позволяет нам вызывать команды Git для добавления, фиксации, перехода, нажатия и извлечения всего из палитры команд.

Клавиши : ctrl + shift + p

2. Переключение файлов ctrl + p

Sublime Text позволяет быстро открывать новые файлы.Нажмите клавиши ctrl + p и начните вводить имя нужного файла. Как только он появится, нажмите Enter и начните вводить текст прямо в этот файл!

Клавиши : ctrl + p

3. Символы перехода ctrl + r

К группе методов в больших файлах можно получить доступ, нажав ctrl + r, что упрощает их поиск.

Клавиши : ctrl + r

Sublime Text 3 имеет новую функцию под названием Goto Definition, которая предоставляет Sublime Text больше возможностей, близких к IDE.

4. Multi-Edit ctrl + щелчок

Эта функция — лучшая особенность Sublime. Мультиредактирование можно использовать одним из следующих способов:

• ctrl + shift + f AND alt + enter
• ctrl + d
• ctrl + щелчок

5. Фрагменты

Введите слово, и оно расширится до вашего фрагмента. Например, ввод lorem генерирует текст lorem ipsum.

Клавиша: Введите слово, которое активирует фрагмент (например, lorem), и нажмите вкладку.

6. Сочетания клавиш

Количество сочетаний клавиш в Sublime просто поражает.

7. Проекты

Проекты — неотъемлемая часть моего рабочего процесса в Sublime Text.

Использование проектов позволяет не копаться в проводнике Windows или Finder, чтобы получить нужный проект и перетащить его в Sublime.

Чтобы сохранить проект : перейдите в палитру команд и введите «Сохранить проект»

Для переключения проектов : ctrl + alt + p

Официальный сайт: https: // www.sublimetext.com/

7. NetBeans

NetBeans — отличная и лучшая среда IDE для разработки на C ++, которая предоставляет множество шаблонов на основе проектов. Это программное обеспечение с открытым исходным кодом имеет такие функции, как рефакторинг, автоматический отступ, выделение синтаксиса, сопоставление скобок, сворачивание кода и т. Д.

Характеристики:

• Лучшая поддержка новейших технологий Java
• Быстрое и интеллектуальное редактирование кода
• Простое и эффективное управление проектами
• Быстрая разработка пользовательского интерфейса
• Запись кода без ошибок
• Поддержка нескольких языков
• Межплатформенная поддержка
• Богатый набор плагинов, предоставляемых сообществом

Официальный сайт: https: // netbeans.org / downloads / 8.0.1 /

8. Qt Creator

Qt Creator — полезный лучший идеал для C ++ для создания кроссплатформенных программных приложений на основе графического интерфейса пользователя для мобильных, настольных, встроенных устройств и т. Д.

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

Характеристики

1. Инструменты проектирования

• Qt Design Studio
• Qt 3D Студия
• Qt Designer
• Qt Quick Designer

2.Инструменты разработки

• Qt QmlLive
• Гамма-лучи
• Эмулятор
• Qt Creator
• Qt-лингвист
• qmake
• Компилятор метаобъектов
• Помощники по Qt

3. Каркасы

• Qt Core
• Qt GUI
• Qt Мультимедиа
• Мультимедийные виджеты Qt
• Сеть Qt
• Qt QML

Официальный сайт: https: // www.qt.io/

9. Кронштейны

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

Характеристики:

• Встроенный редактор: Скобки позволяют открыть окно с кодом, который вам больше всего нравится.
• Live Preview: Соединение в реальном времени с вашим браузером позволяет вносить изменения в CSS и HTML и мгновенно видеть эти изменения на экране.Также посмотрите, где в браузере применяется селектор CSS, просто поместив на него курсор.
• Поддержка препроцессора: Скобки позволяют использовать Quick Edit и Live Highlight с файлами LESS и SCSS, что сделает работу с ними более удобной, чем когда-либо.
  

Официальный сайт: http://brackets.io/

10. Атом

Atom — это современная мощная среда IDE, которую можно использовать для многих языков программирования, включая C ++.Он поддерживает Windows, Mac и Linux. Это очень настраиваемая IDE. Он предоставляет такие функции, как автозаполнение, функция поиска и замены, браузер файлов и менеджер пакетов.

Характеристики:

• Кроссплатформенность: Работает в OS X, Windows и Linux.
• Менеджер пакетов: Существуют тысячи плагинов, которые делают Atom удивительным. Пакеты Atom.
• Автозаполнение: Обширная система автозаполнения для всех языков.
• Браузер файловой системы: Дерево файлов и нечеткий поиск упрощают открытие проектов и файлов.
• Несколько панелей: Разделите рабочее пространство на несколько панелей для сравнения и редактирования кода в файлах.

Официальный сайт: https://atom.io/

Резюме

IDE C ++, упомянутые в этой статье, не только считаются лучшими, но и очень популярны среди сообщества разработчиков. Если вы хотите узнать больше об этих лучших C ++ IDE или Online C ++ IDE, вы можете посетить их официальные сайты и узнать о них гораздо больше.

Если вы изучаете C ++, то «Начало программирования на C ++ — от новичка до не только» — отличный онлайн-курс на C ++.

Еще читают:

Top 7: Лучшие бесплатные приложения для редактирования кода для Android

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

В этом топе мы поделимся с вами коллекцией из 7 лучших бесплатных приложений для редактирования кода, доступных для платформы Android.

Рекомендации

Если вы хотите получить удовольствие от разработки во время работы с любым из приложений в этом топе, мы рекомендуем вам использовать соответствующую клавиатуру, например клавиатуру Hacker.Эта клавиатура доступна в Play Store.

Видео

Dcoder — это мобильная среда разработки кодирования, специально разработанная для оттачивания ваших навыков программирования на мобильных устройствах. Это полный пакет для изучения и понимания языков программирования из широкого диапазона, например от C до Ruby. Он включает редактор форматированного текста, поддерживающий подсветку синтаксиса, и упакованный всеми необходимыми инструментами, чтобы дать вам все преимущества, которые могут дать IDE или компилятор кода. Процесс компиляции осуществляется с помощью облачных API, а это означает, что эти функции недоступны без Интернета.

Вы можете не только кодировать, но и отлаживать код, чтобы видеть ошибки компиляции и результат на одном экране. Это более похожий порт ваших любимых редакторов кода, таких как Notepad ++ или Sublime Text, с возможностью компиляции. Он также предлагает пользовательские темы, редактируемый размер шрифта для редактора и многое другое. Это приложение предлагает покупки внутри приложения.

Quoda — это сложный и простой в использовании редактор исходного кода или IDE, очень похожий на Notepad ++, Textmate или Sublime Text, со встроенной поддержкой серверов SFTP / FTP (S) и облачного хранилища (Dropbox и Google Drive).Другие функции включают загрузку исходного кода URL, автозавершение кода, определение автоматического кодирования, сопоставление скобок, автоматический отступ, закладку строк, выбор цвета, форматирование HTML и многое другое — многие из них не имеют себе равных в других IDE Android или текстовых редакторах.

Если вы хотите продуктивно писать код вдали от ПК, вам просто необходимо иметь Quoda, позволяя носить с собой текстовый редактор и IDE, например Notepad ++, Textmate или Sublime Text, в кармане, чтобы писать код на ходу.

Веб-сайт | Видео

QuickEdit — это быстрый, стабильный и полнофункциональный текстовый редактор для устройств Android.Он оптимизирован как для телефонов, так и для планшетов, отличается высокой производительностью и обратной связью в реальном времени с большими текстовыми файлами (более 10 000 строк). Скорость и отзывчивость очень хороши, если сравнить их с другими приложениями для текстовых редакторов в Google Play. Его можно использовать как текстовый редактор или редактор кода для обычных текстовых файлов и файлов программирования. Он автоматически определит кодировку символов ваших файлов, но вы все равно можете изменить ее по своему желанию.

QuickEdit позволяет получить доступ к файлам из недавно открытых или добавленных коллекций файлов, FTP, Google Диска, Dropbox и OneDrive и имеет подсветку синтаксиса для более чем 40 языков, таких как C ++, C #, Java, XML, Javascript, Markdown, PHP, Perl, Python , Ruby, Smali, Swift и др.QuickEdit также может редактировать системные файлы на устройствах с root-доступом.

anWriter поможет вам писать код: он предлагает поддержку автозаполнения для: HTML, CSS, JavaScript, LaTeX (PHP, SQL в профессиональной версии). Он поддерживает современные технологии: он предлагает поддержку автозаполнения для HTML 5, CSS 3, jQuery, Bootstrap и Angular. Он поддерживает FTP: вы можете загрузить файл с FTP-сервера, отправить файл на FTP-сервер и просмотреть каталоги на FTP-сервер.Он позволяет просматривать веб-страницы в приложении: позволяет быстро просмотреть веб-страницы во внутреннем средстве просмотра. Вам не нужно открывать браузер. Во встроенном средстве просмотра есть консоль ошибок JS.

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

Веб-сайт | Видео

Our Code Editor Free — это интегрированная среда разработки (IDE), текстовый редактор, редактор кода для Android.Наш редактор кода предлагает множество функций для повышения производительности во время работы. Загружайте и редактируйте файлы из множества источников (sftp, dropbox), полезное автозаполнение и множество тем для выделения. Идеально подходит для планшетов, мобильных телефонов и других устройств Android. Не требуется учетная запись или подключение к Интернету (за исключением Dropbox и SFTP), просто скачайте, установите, запустите и начните кодировать! Файлы кода будут управляться локально на вашем устройстве.

Наш редактор кода поддерживает сворачивание кода, живую проверку синтаксиса (для нескольких языков), функции вырезания, копирования и вставки, поиск и замену с помощью регулярных выражений

Хотя это приложение с закрытым исходным кодом, оно абсолютно бесплатное и в нем нет рекламы.Наш бесплатный редактор кода был написан Our Code World .

Исходный код Github

Простой, мощный текстовый редактор с открытым исходным кодом для Android. Создан в соответствии с последними рекомендациями Android, чтобы сделать работу с телефоном максимально интуитивно понятной, а также на планшетах.

Веб-сайт | Видео

DroidEdit — это редактор текста и исходного кода (похожий на Notepad ++ или gedit) для планшетов и телефонов Android.Возьмите свою работу повсюду с этим приложением, кодируйте, пока вы ждете автобуса или когда вы отдыхаете на красивом пляже (я не знаю, почему кто-то может писать код в отпуске, но все равно). Не спешите в офис, если вам позвонили в службу экстренной помощи и попросили изменить код. Просто выберите свой мобильный телефон и отредактируйте все, что вам нужно. Это приложение поддерживает Emmet Tools, автоматически превращает простые выражения в полноценный HTML-код.

Версия с поддержкой рекламы имеет те же функции, что и платная версия, за исключением того, что в ней нет поддержки SFTP, Dropbox, пользовательских тем и корневого режима.

Достойны упоминания

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

Codeanywhere — это редактор текста, кода и разметки, который был переработан и переработан, чтобы сделать его легким, быстрым и удобным для мобильных устройств. Подключайтесь к своим FTP, SFTP-серверам, Dropbox или Github и с легкостью управляйте своими ресурсами, папками или файлами одним движением пальца.Делитесь проектами или одним файлом и совместно работайте над ним, где бы вы ни находились, и, конечно же, быстро редактируйте код с помощью нашей клавиатуры, которая была адаптирована для мобильных разработчиков. Codeanywhere также работает на настольных компьютерах (Mac и ПК).

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

Enlighten — это элегантный, минималистичный редактор кода для Android. Его цель аналогична цели других облегченных редакторов кода: он позволяет редактировать текст и код на многих разных языках.Думайте об этом как о своего рода Notepad ++ для устройств Android. В то же время его цель — оставаться минималистичным и интуитивно понятным. В нем нет абсолютно никакой рекламы, навязчивых разрешений или прочей ерунды. Это приложение нестабильно и имеет некоторые ошибки, однако приложение имеет потенциал и его можно улучшить, поэтому о нем стоит упомянуть.

Если вы знаете еще одно замечательное бесплатное приложение для редактирования кода, поделитесь им с сообществом в поле для комментариев.

9 лучших Python IDE и редакторов кода

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

IDE (интегрированная среда разработки) понимает ваш код намного лучше, чем текстовый редактор. Обычно он предоставляет такие функции, как автоматизация сборки, анализ кода, тестирование и отладка. Это может значительно ускорить вашу работу. Обратной стороной является сложность использования IDE.

Как выбрать редактор Python IDE / кода, который соответствует вашим целям?

Чтобы упростить эту задачу, мы создали это руководство.Все инструменты, упомянутые в этом руководстве, доступны в Windows, Linux и MacOS