搜尋
首頁軟體教學電腦軟體Vscode怎麼修改編輯器配色__Vscode修改編輯器配色方法

困擾 VSCode 編輯器的預設配色方案? php小編柚子為你帶來詳細的配色修改教程,一步一步指導你打造個人化的編輯器介面。從了解配色設定到自訂配色方案,這篇指南將為您提供全面的指導。

1、首先,你要做的,就是知道你想要修改的程式碼,是屬於什麼基本型別。你可以將遊標移到某段你想要修改顏色的程式碼上,例如將遊標移到一段字串上。

Vscode怎麼修改編輯器配色__Vscode修改編輯器配色方法

2、然後,在指令面板裡執行 【檢查TM作用域】(Inspect TM Scopes)指令。

Vscode怎麼修改編輯器配色__Vscode修改編輯器配色方法

3、此時,編輯器中出現一個新的懸浮窗。這個視窗裡呈現的,就是目前這個程式碼片段所對應的語言、語法類型以及當前的顏色和背景色等。

Vscode怎麼修改編輯器配色__Vscode修改編輯器配色方法

4、例如在上圖裡,這個視窗呈現了以下資訊:

目前的 token 是 hello,它的型別是 String。

它的顏色是 #ce9178ff ,背景色是 #1e1e1eff。

它所屬的語法作用域由內而外分別是 string.quoted.double.js,meta.var.expr.js,source.js。

5、接著如果你想要將所有字串都變成紅色,那就需要修改String這個作用域的顏色。下面,你可以再開啟個人設定(JSON),輸入 editor.tokenColorCustomizations。

Vscode怎麼修改編輯器配色__Vscode修改編輯器配色方法

6、再把遊標放入這個 JSON 物件中,按下 【Ctrl Space】 觸發建議列表,就能夠看到如下的建議。

Vscode怎麼修改編輯器配色__Vscode修改編輯器配色方法

7、建議清單中首先出現的,就是你可以在 VS Code 中使用的所有的主題的名字。透過選擇它們,你可以只覆蓋某個主題中的某個顏色。這裡你可以滾動這個列表,看看下面還有別的什麼建議。

Vscode怎麼修改編輯器配色__Vscode修改編輯器配色方法

你可以看到以下幾個選項:

comments 代表註解的顏色。

functions 代表函數的寒色。

keywords 代表關鍵字的顏色。

numbers 代表著數字的顏色。

strings 代表著字串的顏色。

types 代表著類型的顏色。

variables 代表變數的顏色。

textMateRules 我下面會再介紹。

為了修改字串的顏色,你只需選擇strings 即可,然後將其修改為紅色,也就是:

"editor.tokenColorCustomizations": { "strings": "# FF0000", }

8、最後儲存設定後,再回到剛才的JavaScript 檔案時,就可以看到字串顏色都變了。

Vscode怎麼修改編輯器配色__Vscode修改編輯器配色方法#

以上是Vscode怎麼修改編輯器配色__Vscode修改編輯器配色方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:zol。如有侵權,請聯絡admin@php.cn刪除
Microsoft Powertoys的價格是多少?Microsoft Powertoys的價格是多少?Apr 09, 2025 am 12:03 AM

MicrosoftPowerToys是免費的。這套由微軟開發的工具集合旨在增強Windows系統功能,提升用戶工作效率。通過安裝和使用FancyZones等功能,用戶可以自定義窗口佈局,優化工作流程。

Powertoys的最佳選擇是什麼?Powertoys的最佳選擇是什麼?Apr 08, 2025 am 12:17 AM

thebestalternativestopowertoysforwindowsersareautohotkey,windowgrid,andwinaerotweaker.1)autohohotkeyoffersextensextensExtensExtensIvesCriptingForautomation.2)WindowGridProvidesIntergrid witchGridProvidesIntergrid

Microsoft Powertoys是否需要許可證?Microsoft Powertoys是否需要許可證?Apr 07, 2025 am 12:04 AM

MicrosoftPowerToys不需要許可證,是免費的開源軟件。 1.PowerToys提供多種工具,如FancyZones用於窗口管理,PowerRename用於批量重命名,ColorPicker用於顏色選擇。 2.用戶可以根據需求啟用或禁用這些工具,提升工作效率。

Microsoft Powertoys是免費的還是付費的?Microsoft Powertoys是免費的還是付費的?Apr 06, 2025 am 12:14 AM

MicrosoftPowerToys是完全免費的。這個工具集提供了增強Windows操作系統的開源實用程序,包括FancyZones、PowerRename和KeyboardManager等功能,幫助用戶提高工作效率和自定義操作體驗。

Powertoys是Windows 11的一部分嗎?Powertoys是Windows 11的一部分嗎?Apr 05, 2025 am 12:03 AM

PowerToys不是Windows11的默認組件,而是微軟開發的需單獨下載的工具集。 1)它提供如FancyZones和Awake等功能,提升用戶生產力。 2)使用時需注意可能的軟件衝突和性能影響。 3)建議選擇性啟用工具並定期更新以優化性能。

如何下載Microsoft Powertoys?如何下載Microsoft Powertoys?Apr 04, 2025 am 12:03 AM

下載MicrosoftPowerToys的方法是:1.打開PowerShell並運行wingetinstallMicrosoft.PowerToys,2.或訪問GitHub頁面下載安裝包。 PowerToys是一套提升Windows用戶生產力的工具,包含FancyZones和PowerRename等功能,可通過winget或圖形界面安裝。

Powertoys的目的是什麼?Powertoys的目的是什麼?Apr 03, 2025 am 12:10 AM

PowerToys是微軟推出的免費工具集合,旨在提升Windows用戶的生產力和系統控制。它通過獨立模塊提供功能,如FancyZones管理窗口佈局和PowerRename批量重命名文件,使用戶工作流程更順暢。

Powertoys需要運行嗎?Powertoys需要運行嗎?Apr 02, 2025 pm 04:41 PM

PowerToys需要在後台運行才能發揮其全部功能。 1)它依賴系統級別的鉤子和事件監聽,如FancyZones監控窗口移動。 2)資源佔用合理,通常為50-100MB內存,CPU使用率空閒時幾乎為零。 3)可以通過任務計劃程序設置開機自啟,使用PowerShell腳本實現。 4)遇到問題時,檢查日誌文件、禁用特定工具、確保更新到最新版本。 5)優化建議包括禁用不常用工具、調整設置、監控資源使用。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱工具

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。