1、VSCode设置主题

VSCode可以设置主题，可以改变编辑器的外观，以满足用户的个性化需求。在VSCode中，可以通过以下步骤来设置主题：

第一步：点击VSCode的菜单栏，选择“文件”->“首选项”->“主题”；

第二步：在主题页面中，可以看到VSCode支持的所有主题，可以根据自己的喜好来选择；

第三步：选择好主题后，点击“应用”按钮，即可将设置保存，并立即生效。

2、VSCode设置代码颜色

VSCode可以设置代码颜色，可以改变代码的显示效果，以满足用户的个性化需求。在VSCode中，可以通过以下步骤来设置代码颜色：

第一步：点击VSCode的菜单栏，选择“文件”->“首选项”->“颜色主题”；

第二步：在颜色主题页面中，可以看到VSCode支持的所有颜色主题，可以根据自己的喜好来选择；

第三步：选择好颜色主题后，点击“应用”按钮，即可将设置保存，并立即生效。

3、预览效果

完成以上设置后，可以看到VSCode的主题和代码颜色已经更改，以下是一段示例代码：

let num1 = 10;
let num2 = 20;
let result = num1 + num2;
console.log(result);

以上代码经过设置后，可以看到关键字、变量名、函数名等都有不同的颜色，使得代码更加清晰易读，提高开发效率。