Как поменять цвет кода в visual studio

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как в Visual Studio 2017 поменять цвет полей класса

Как в Visual Studio 2017 поменять подсветку цвета идентификаторов полей класса для проектов С#? Для проектов на С++ есть отдельная опция для изменения цвета (второй скрин), для C# такую опцию не могу найти.

Отслеживать
Anastasiia Melnyk
задан 18 апр 2018 в 13:52
Anastasiia Melnyk Anastasiia Melnyk
1,271 12 12 серебряных знаков 20 20 бронзовых знаков
А не могли бы вы предоставить скрин того, что хотите изменить?
18 апр 2018 в 14:33

Все цвета в студии меняются в «Параметры» -> «Шрифты и цвета». Конкретно то, что вы выделили называется «Идентификатор».

18 апр 2018 в 15:27
@EvgeniyZ, ответы — в ответы
18 апр 2018 в 15:38

@АндрейNOP Я не считаю это ответом, ибо я не знаю что именно хочет автор. Данная настройка меняет почти все имена в коде на указанный цвет, а не только то, что выделено на скрине. По этому я не могу считать это ответом. Это больше скажем так наводка, нежели ответ.

18 апр 2018 в 15:41

@EvgeniyZ, любой ответ лучше чем никакого, вопрос без ответа будет бесконечно подниматься Духом и засорять ленту.

18 апр 2018 в 15:43

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Стандартное решение

Для изменения цветов в Visual Studio существует специальный раздел «Шрифты и цвета». Находится он в «Среда» -> «Параметры» -> «Окружение» -> «Шрифты и цвета».

К примеру, хотим мы изменить указанный вами текст на красный:

• В «Шрифты и цвета» выбираем в выпадающем списке «Текстовый редактор».
• Ищем в нижнем списке «Идентификатор».
• Сбоку от списка есть настройки цвета, а также опции для изменения шрифта. К примеру в «Основной цвет элемента» выбираем «Красный».
• Жмем кнопку ОК.

p.s. Но тут одно но! Стандартно студия для языка c# покрасит вам все названия в один цвет (будь они локальные или нет).

Решение на основе ReSharper

• Для начала активируем опцию, которая переключит цвета в редакторе на те, что предоставляет ReSharper. Для этого заходим в настойки ReSharper «Code Inspector» -> «Settings» -> «Color identifiers».

• Далее идем в уже знакомые нам настройки студии, в раздел «Шрифты и цвета».
• Нас интересует «ReSharper Field Identifier», ставим ей текст на красный.

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

Как менять цвет текста в редакторе Visual Studio Code?

День добрый!
Как можно поменять, настроить цвет подсветки текста (именно текст, не тема)в Visual Code?
Например, чтобы комментарии были определённого цвета, функции — другого, как мне захочется цвета.

94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Подсветка синтаксиса в .scss файлах в редакторе Visual Studio Code
Добрый день, в данном редакторе у меня не подсвечиваются переменные при работе с scss файлом. Может.

Неполадки при вставке текста в Visual Studio Code
Добрый день! Не знаю, в какой раздел писать, но проблема касается sass, а значит, css подойдёт. .

Почему у меня MASM32 не правильно работает в Visual studio когда уже установлен внутри настройки visual studio code ?
Почему у меня MASM32 не правильно работает в Visual studio когда уже установлен внутри настройки.

Зачем для создания формы на Angular использовать Visual Studio и Visual Studio Code?
Мне нужно написать форму на ангуляре, которая будет выполнять Select, Insert,Delete из базы данных.

17430 / 12822 / 3360
Регистрация: 17.09.2011
Сообщений: 21,101
Tools → Options → Environment → Fonts and Colors
Регистрация: 20.02.2016
Сообщений: 1,542
kolorotur, это в редакторе Visual Studio Code или в IDE? Мне нужно в редакторе.

17430 / 12822 / 3360
Регистрация: 17.09.2011
Сообщений: 21,101

Сообщение от Fatmarmelad

это в редакторе Visual Studio Code или в IDE?

Ой, прошу прощения — не заметил, что в теме Code (кусок темы увидел в разделе Visual Studio с главной страницы).
Выше, конечно, указано как в IDE.

Регистрация: 26.10.2019
Сообщений: 1

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

Регистрация: 07.04.2016
Сообщений: 277

kolorotur, А как это сделать в последней версии программы, я все это видел в старых а последней не понятно

17430 / 12822 / 3360
Регистрация: 17.09.2011
Сообщений: 21,101

Сообщение от sergei2210

А как это сделать в последней версии программы
Если в полной версии, то так же.
Регистрация: 07.04.2016
Сообщений: 277

kolorotur,
В каком смысле в полной? есть одна станица, одна ссылка для скачивание программы, поясните пожалуйста.

Добавлено через 17 минут
kolorotur, Прочитал, нет мне полную версию не нужно, я просто сайты верстаю.
Но желание использовать свои цвета есть, как можно это сделать, подскажите пожалуста.

Регистрация: 20.02.2016
Сообщений: 1,542

sergei2210, вы не можете самостоятельно поменять цвет. Он меняется только при смене языков программирования.

Регистрация: 07.04.2016
Сообщений: 277
Fatmarmelad,
Понял спасибо
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Как поменять цвет текста, заключенного в Region в редакторе кода?
Всем привет. Разместил данную тему сюда, только потому, что здесь много народу вечно. Модератор.

Как менять цвет фрагмента текста в RichEdit?
Я пишу программу, в которой нужно, чтоб в RichEdit определенные символы становились другого цвета. .

Чем отличается Visual Studio Community и Visual Studio Code?
в чем разница Visual Studio Code или Visual Studio Community. Описание на англиском где я полный.

Как менять цвет текста label в процедуре ButtonClick?
Я понимаю, что я совсем новичок, но ответьте, пожалуйста на вопрос в заголовке (Как менять цвет.

Как компилировать в Visual Studio Code?
Извиняюсь за нубство, но уже битый час не могу разрешить следующую проблему : установила, значит, я.

Как русифицировать Visual Studio Code?
Всем привет, подскажите как русифицировать Visual Studio Code? Почему я решил что это возможно.

Изменение файлов с помощью рабочих областей (вкладка файловой системы)

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

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

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

• Используйте HTML, CSS и JavaScript для создания веб-страницы. См . статью Приступая к работе с Интернетом.
• Используйте средства разработки для внесения основных изменений в CSS. См . статью Начало работы с просмотром и изменением CSS.
• Запустите локальный веб-сервер HTTP. См. раздел:
  • Использование Node.js (используется в этом руководстве). Настройте сервер localhost в разделе Установка расширения DevTools для Visual Studio Code.
  • Использование Python: запуск простого локального HTTP-сервера в статье Как настроить локальный тестовый сервер?

  Введение

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

  • У вас есть исходный код демонстрационного веб-сайта на рабочем столе.
  • Вы запускаете локальный веб-сервер из каталога исходного кода, чтобы сайт был доступен по адресу localhost:8080 . Примечание. Если используется параметр сервера Python, номер порта по умолчанию — 8000 .
  • Вы открыли localhost:8080 в Microsoft Edge и используете средства разработки для изменения исходного кода веб-сайта, который включает файлы CSS, HTML и JavaScript.

  В этом руководстве описаны инструкции по настройке среды.

  Ограничения

  Если вы используете современную платформу, она, вероятно, преобразует исходный код из формата, который легко поддерживать, в формат, оптимизированный для запуска как можно быстрее. Рабочая область обычно может сопоставить оптимизированный код с исходным кодом с помощью исходных карт для JavaScript и CSS. Тем не менее, существует много различий в том, как каждая платформа использует исходные карты.

  Примечание: DevTools поддерживает не все варианты платформы, а функция «Рабочие области» (вкладка «Файловая система«) не работает с платформой «Создание React приложения».

  Если при использовании рабочих областей с выбранной платформой возникают проблемы или вы определяете необходимые шаги для конкретной платформы, запустите поток в списке рассылки Chrome DevTools или задайте вопрос в Stack Overflow , чтобы обменяться информацией с остальной частью сообщества DevTools.

  Связанная функция: переопределения

  Переопределения — это функция DevTools, похожая на рабочую область. Переопределение можно использовать, если вы хотите поэкспериментировать с изменениями веб-страницы, и вам нужно отображать изменения при загрузке веб-страницы, но вам не важно сопоставлять изменения с исходным кодом веб-страницы. Однако изменения не сохраняются при обновлении веб-страницы.

  Функция переопределений позволяет хранить локальную копию файлов веб-страницы на сервере. При обновлении страницы Microsoft Edge загружает локальную копию файлов вместо файлов на сервере. Дополнительные сведения о переопределениях см. в статье Переопределение ресурсов веб-страницы с помощью локальных копий (вкладка Переопределения).

  Создание каталога исходных файлов

  Мы настроим демонстрационные файлы, а затем настроим Средства разработки.

  1. В другом окне или вкладке перейдите к исходному коду демонстрации Рабочих областей.
  2. Создайте app каталог на рабочем столе. Сохраните index.html копии файлов , styles.css и script.js из демонстрационного исходного кода в app каталог. В остальной части руководства этот каталог называется ~/Desktop/app , хотя можно использовать другой путь.
  3. Установите Node.js и npm. Дополнительные сведения см. в разделе Установка Node.js и диспетчера пакетов узлов (npm)
  4. Запустите локальный веб-сервер в ~/Desktop/app . Перейдите в папку app и выполните одну из следующих команд из командной строки, чтобы запустить веб-сервер.
     Node.js параметр:

  # Node.js option cd ~/Desktop/app npx http-server # Node.js 

  # Python 2 option cd ~/Desktop/app python -m SimpleHTTPServer # Python 2 

  # Python 3 option cd ~/Desktop/app python -m http.server # Python 3 

  

• Откройте вкладку в Microsoft Edge и перейдите к локально размещенной версии сайта. Вы можете получить доступ к нему с помощью следующих URL-адресов: localhost:8080 или http://0.0.0.0:8080 . Примечание: Номер порта по умолчанию для параметра сервера Python — 8000 . Точный номер порта может отличаться.

Определение рабочей области в средствах разработки

1. Нажмите клавиши CTRL+SHIFT+J (Windows, Linux) или COMMAND+OPTION+J (macOS), чтобы открыть консоль средств разработки.
2. Перейдите на вкладку Источники .
3. В области Навигатор (слева) щелкните вкладку Файловая система .
4. Щелкните Добавить папку в рабочую область.
5. Когда откроется проводник, введите путь (например ~/Desktop/app , ) в командной строке Папка: .
6. Нажмите кнопку Разрешить , чтобы предоставить DevTools разрешение на чтение и запись в каталог.



На вкладке Файловая система в списке файлов () отображается значок страницы с двусторонними стрелками и зеленой точкой рядом с каждым из этих файлов: index.html , script.js и styles.css . (Цвета двусторонней стрелки сопоставляются с .html типами файлов , .js и .css .) Зеленая точка указывает, что средства разработки установили сопоставление между сетевым ресурсом страницы, полученной с веб-сервера, и локальным исходным файлом в ~/Desktop/app :



Изменение CSS и сохранение изменений в исходном файле

Чтобы внести изменения в CSS-файл и сохранить его на диске, сделайте следующее:

1. Откройте . styles.css Свойство color h1 элемента имеет значение fuchsia .
2. Выберите инструмент Элементы . Правила CSS, применяемые к элементу , отображаются в области Стили . Значок сопоставленного файла () рядом styles.css:1 с — это страница со стрелками с двусторонними стрелками. Этот значок означает, что все внесенные изменения сопоставляются с ~/Desktop/app/styles.css .
3. Измените значение color свойства элемента на свой любимый цвет. Для этого выберите элемент в дереве DOM. Выберите fucshia , введите новый цвет, а затем выберите его в списке цветов:
4. Откройте styles.css в текстовом редакторе. Теперь color свойству присвоен новый цвет, который в этом примере является оранжевым.
5. Обновите страницу.

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

Совет: Вы также можете изменить цвет, щелкнув образец цвета fucshia, чтобы открыть средство выбора цвета, чтобы выбрать новый цвет. Значение HEX для выбранного цвета — это имя цвета.

Изменение HTML и сохранение изменений в исходном файле

В средстве Элементы можно изменить тег html в копии файла, возвращаемого сервером. Тем не менее, чтобы сохранить изменения в локальном исходном файле, необходимо использовать средство «Источники» вместо средства «Элементы «.

Изменение HTML из средства «Элементы» не сохраняет изменения

Вы можете внести изменения в HTML-содержимое с помощью средства Элементы , но изменения в дереве DOM не сохраняются на диске и влияют только на текущий сеанс браузера.

Следующие действия демонстрируют, что изменения не сохраняются при обновлении страниц, если вы не используете рабочую область. Мы продемонстрируем это сейчас, чтобы вы не потратили время, пытаясь выяснить, почему он не работает.



1. Выберите инструмент Элементы .
2. Выделите и измените текстовое содержимое элемента с надписью h1 Workspaces Demo , а затем замените его I Love Cake на .
3. Откройте ~/Desktop/app/index.html в текстовом редакторе. Только что внесенные изменения не отображаются.
4. Обновите страницу. Страница возвращается к исходному заголовку.

[!NOTE] > This section describes why the workflow from [Try changing html from the Elements panel](#try-changing-html-from-the-elements-panel) doesn’t work. You should skip this section if you don’t care why. * The tree of nodes that are displayed on the **Elements** tool represents the [DOM](https://developer.mozilla.org/docs/Web/API/Document_Object_Model/Introduction) of the page. * To display a page, a browser fetches html over the network, parses the html, and then converts it into a tree of DOM nodes. * If the page has any JavaScript, that JavaScript can add, delete, or change DOM nodes. CSS can change the DOM, too, by using the [`content`](https://developer.mozilla.org/docs/Web/CSS/content) property. * The browser eventually uses the DOM to determine what content it should present to browser users. * Therefore, the final state of the webpage displayed for users may be very different from the HTML that the browser fetched. * This makes it difficult for DevTools to resolve where a change made in the **Elements** tool should be saved, because the DOM is affected by HTML, JavaScript, and CSS. In short, the **DOM Tree** `!==` HTML. —>

Изменение HTML из средства «Источники» сохраняет изменения

Если вы хотите сохранить изменения в HTML-код веб-страницы, измените HTML-код в средстве «Источники » с определенной рабочей областью (на вкладке Файловая система ), а не изменяйте HTML-код в инструменте «Элементы «.

1. Перейдите на вкладку Источники .
2. В области Навигатор щелкните вкладку Страница рядом с файловой системой. Если вкладка Страница не отображается, щелкните >> (Другие вкладки) и выберите Страница.
3. Щелкните (индекс). Откроется HTML-код страницы.
4. Замените на
   

   Workspaces Demo

   I Love Cake

   . Название демонстрации изменится.

5. Нажмите клавиши CTRL+S (Windows, Linux) или COMMAND+S (macOS), чтобы сохранить изменения.
6. Обновите страницу. Элемент
   

   продолжает отображать новый текст после обновления страницы.

7. Откройте ~/Desktop/app/index.html в текстовом редакторе. Элемент
   

   содержит новый текст.

Изменение JavaScript и сохранение изменений в исходном файле

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

Чтобы открыть редактор кода DevTools вместе с другими инструментами, выполните следующие действия:

1. Выберите инструмент Элементы .
2. Нажмите клавиши CTRL+SHIFT+P (Windows, Linux) или COMMAND+SHIFT+P (macOS), чтобы открыть меню Command.
3. Введите quick в командной строке Выполнить , а затем выберите Показать быстрый источник. В нижней части окна DevTools появится средство быстрого источника , в котором отображается содержимое index.html файла , который является последним файлом, который вы редактировали в средстве «Источники «.
4. Нажмите клавиши CTRL+P (Windows, Linux) или COMMAND+P (macOS), чтобы открыть диалоговое окно Открытие файла , как показано на следующем снимке экрана.
5. Введите скрипт в командной строке Открыть , а затем выберите app/script.js. Ссылка Изменить файлы с помощью рабочих областей в демонстрации регулярно отображается.
6. Используйте средство быстрого источника , чтобы добавить следующий код в нижнюю часть script.js:

document.querySelector('a').style = 'font-style:italic'; 



• Нажмите клавиши CTRL+S (Windows, Linux) или COMMAND+S (macOS), чтобы сохранить изменения.
• Обновите страницу. Теперь ссылка на странице курсивом.

См. также

• Откройте демонстрационную папку в средстве «Источники» и измените файл в разделе Пример кода для DevTools.

Некоторые части этой страницы представляют собой измененные материалы, созданные и предоставленные корпорацией Google. Их использование регулируется условиями, описанными в лицензии Creative Commons Attribution 4.0 International License. Исходная страница находится здесь и автор Kayce Basques (Технический писатель, Chrome DevTools & Lighthouse).

Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.

Читать:
Как сделать exe файл в c