Thay đổi giao diện visual studio 2017

     

In this how-to article, we"ll customize the Visual Studio màu sắc theme. Then, we"ll customize the colors for two different types of text in the code editor.

Bạn đang xem: Thay đổi giao diện visual studio 2017

If you haven"t already installed Visual Studio, go khổng lồ the Visual Studio downloads page lớn install it for free.

Set the màu sắc theme for the IDE

The default màu sắc theme for Visual Studio"s user interface is Dark. Here"s how khổng lồ change it khổng lồ a different màu sắc theme.

On the thực đơn bar, select Tools > Options.

In the options list, select Environment > General.


In this how-to article, we"ll customize the Visual Studio màu sắc theme from the blue theme to the dark theme. Then, we"ll customize the colors for two different types of text in the code editor.

If you haven"t already installed Visual Studio, go to the Visual Studio downloads page to lớn install it for free.

Set the màu sắc theme for the IDE

The default màu sắc theme for Visual Studio"s user interface is Blue. Let"s change it to Dark.

On the thực đơn bar, which is the row of menus such as FileEdit, choose Tools > Options.

On the Environment > General options page, change the Color theme selection to lớn Dark, and then choose OK.

The màu sắc theme for the entire Visual Studio development environment (IDE) changes to Dark.

*


Tip

You can create your own themes by installing the Visual Studio color Theme Designer from the Visual Studio Marketplace.


Change text colors in the editor

Now we"ll customize some text colors for the editor. First, let"s create a new XML file to see the mặc định colors.

Xem thêm: Tân Ỷ Thiên Đồ Long Ký - Ỷ Thiên Đồ Long Ký 2019

From the menu bar, choose File > New > File.

In the New File dialog box, under the General category, choose XML File, và then choose Open.

Paste the following XML below the line that contains .

*

To mở cửa the Options dialog box, choose Tools > Options from the thực đơn bar.

Under Environment, choose the Fonts & Colors category.

Notice that the text under Show settings for says Text Editor—this is what we want. Expand the drop-down list just to see the extensive danh sách of places where you can customize fonts và text color.

To change the màu sắc of the line numbers text, in the Display items list, choose Line Number. In the Item foreground box, choose Olive.

*

Some languages have their own specific fonts & colors settings. If you are a C++ developer và you want lớn change the color used for functions, for example, you can look for C++ Functions in the Display items list.

Before we exit out of the dialog box, let"s also change the color of XML attributes. In the Display items list, scroll down lớn XML Attribute & select it. In the Item foreground box, choose Lime. Choose OK to lớn save our selections and close the dialog box.

The line numbers are now an olive color, và the XML attributes are a bright, lime green. If you xuất hiện another file type, such as a C++ or C# code file, you"ll see that the line numbers also appear in the olive color.

*

We explored just a couple ways of customizing the colors in Visual Studio. We hope that you"ll explore the other customization options in the Options dialog box, lớn truly make Visual Studio your own.


Tip

Looking for info on how to tải về VS Code color themes and then import them into Visual Studio? kiểm tra out the Introducing a Collection of New Visual Studio Themes blog post for all the details.