一、设置方法

“文件” - > “首选项” -> "设置"

二、字体大小和缩进

"editor.tabSize": 2,  "editor.fontSize": 18,//个人爱好

　　

三、设置代码显示风格

“文件” - > “首选项” -> "颜色主题"

快捷键：CTRL + K + T

//个人选择的商店新装的主题

四、编码区背景图片

 

安装background插件，在“文件” - > “首选项” -> "设置"中加

"background.enabled": true,  "background.useDefault": false,  "background.customImages": [    "file:///E:/vscode/timg.jpg"//图片的地址  ],  "background.style": {    "content": " ",    "pointer-events": "none",    "position": "absolute",    "z-index": "99999",    "width": "100%",    "height": "100%",    "background-position": "center",    "background-repeat": "no-repeat",    "background-size": "cover",    "opacity": 0.1//透明度  }

　　

五、自己格式化代码缩进

安装插件beautify

安装后在文件中使用快捷键：shift + alt + f，或者按下F1 选择Beautify file

六、个人全部配置

{  "editor.tabSize": 2,  "vetur.format.defaultFormatter.html": "prettier",  "editor.fontSize": 18,  "emmet.triggerExpansionOnTab": true,  "window.zoomLevel": 0,  "eslint.autoFixOnSave": true,  "eslint.validate": [    "javascript",    "javascriptreact",    {      "language": "html",      "autoFix": true    },    {      "language": "vue",      "autoFix": true    }  ],  "workbench.colorTheme": "LaserWave",  "background.enabled": true,  "background.useDefault": false,  "background.customImages": [    "file:///E:/vscode/timg.jpg"  ],  "background.style": {    "content": "''",    "pointer-events": "none",    "position": "absolute",    "z-index": "99999",    "width": "100%",    "height": "100%",    "background-position": "center",    "background-repeat": "no-repeat",    "background-size": "cover",    "opacity": 0.2  }}