vscode 变量颜色

在VSCode中，你可以通过编辑setting.json文件来修改代码的变量颜色。你可以在文件的"editor.tokenColorCustomizations"字段中定义自定义的颜色配置。其中，"variables"字段可以用来修改变量名的颜色。

具体操作步骤如下：
1. 打开VSCode并进入设置界面。
2. 在搜索框中输入"setting.json"，然后选择"Open Settings (JSON)"按钮来打开setting.json文件。
3. 在setting.json文件中，在代码的最后插入以下代码：

"editor.tokenColorCustomizations": {
    "variables": "#a792e2"
}

这段代码将变量的颜色设置为"#a792e2"，你也可以根据自己的喜好选择其他颜色。
4. 保存并关闭setting.json文件。

完成以上步骤后，你的VSCode中的变量名将会显示为你所设置的颜色。

另外，如果你使用Vue和Scss文件，并且想要在其中使用SCSS的自定义变量提示，可以安装一个名为"vue-scss-variable-scan"的扩展。该扩展允许VSCode在Vue和Scss文件中提示SCSS的自定义变量。你可以在扩展的设置中配置扫描变量的路径。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [修改VSCode编辑器的主题和代码颜色](https://blog.csdn.net/a123789999/article/details/117551437)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [vue-scss-variable-scan:让vscode在vue文件中提示scss自定义变量](https://download.csdn.net/download/weixin_42097208/18235463)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]