一、設置方法
“文件” - > “首選項” -> "設置"
二、字體大小和縮進
"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
}
}