一、设置方法
“文件” - > “首选项” -> "设置"
二、字体大小和缩进
"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
}
}