快捷键

此处将记录我常用、且易忘的

Windows

快捷键	作用
Ctrl + P	全局搜索文件
Ctrl + D	每按一下即选中下一个相邻且相同的代码块，可同时编辑所有选中且相同的代码块
Shift + Alt + 上下键	复制该行
Alt + 上下键	移动改行
Ctrl + Shift + 上下键	纵向选中代码行
Ctrl + Alt + 上下键	纵向拉长光标，可同时编辑多个代码

插件

记录我下载的插件

Auto Close Tag
Auto Rename Tag
Babel JavaScript
Chinese (Simplified)
Echarts Enhanced Completion
Elements Plus Snippets
EsLint
formatter-pug
HTML CSS Support
JavaScript (ES6) code snippets
Kaia Theme
Live Server
Material Icon Theme
open in browser
Path Intellisense
Prettier - Code formatter
pug
stylus
Vetur
vscode-icons
Vue 3 Snippets
Vue Language Features(Volar)

配置文件

我当前使用的

settings.json：

{
  "workbench.colorTheme": "Kaia",
  "workbench.colorCustomizations": {
    "[Kaia]": {
      "editor.selectionBackground": "#81d8cf33"
    }
  },
  "editor.fontSize": 16,
  "workbench.iconTheme": "material-icon-theme",
  "security.workspace.trust.untrustedFiles": "open",
  "files.autoSave": "afterDelay",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "liveServer.settings.AdvanceCustomBrowserCmdLine": "",
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "name": "Comment",
        "scope": [
          "comment",
          "comment.block",
          "comment.block.documentation",
          "comment.line",
          "comment.line.double-slash",
          "punctuation.definition.comment"
        ],
        "settings": {
          "fontStyle": ""
          // "fontStyle": "italic",  // 斜体
          // "fontStyle": "italic underline",  // 斜体下划线
          // "fontStyle": "italic bold underline",  // 斜体粗体下划线
        }
      }
    ]
  },
  "git.ignoreMissingGitWarning": true,
  "git.path": "E:\\Git\\Git\\bin\\git.exe",
  "vetur.validation.template": false,
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "editor.wordWrap": "on",
  "editor.tabSize": 2,
  "editor.detectIndentation": false,
  "window.zoomLevel": 1,
  "liveServer.settings.donotShowInfoMsg": true,
  "[pug]": {
    "editor.defaultFormatter": "alexbabichev.formatter-pug"
  },
  "liveServer.settings.donotVerifyTags": true,
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "emmet.triggerExpansionOnTab": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.experimental.stickyScroll.enabled": true,
  "vsicons.dontShowNewVersionMessage": true
}

如何在背景配置一个动态小女孩

替换所有代码E:\Visual Studio Code\Microsoft VS Code\resources\app\out\vs\code\electron-browser\workbench\workbench.html

<!-- Copyright (C) Microsoft Corporation. All rights reserved. -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src 'self' https: data: blob: vscode-remote-resource:; media-src 'none'; frame-src 'self' vscode-webview: https://*.vscode-webview-test.com; object-src 'self'; script-src * 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; connect-src 'self' https:; font-src 'self' https: vscode-remote-resource:;">
	</head>
	<style type="text/css">
		#live2dcanvas {border: 0 !important;}
	</style>
	<body aria-label="">
		<div id="live2d-widget"><canvas id="live2dcanvas" width="100" height="160" style="position: fixed;width:100px;height:160;opacity: 0.5;right: 0px;bottom: -20px;z-index: 99999;pointer-events: none;border:0;"></canvas></div>
	</body>
 
	<!-- Init Bootstrap Helpers -->
	<script src="../../../../bootstrap.js"></script>
	<script src="../../../../vs/loader.js"></script>
	<script src="../../../../bootstrap-window.js"></script>
 
	<!-- Startup via workbench.js -->
	<script src="workbench.js"></script>
 
	<script type="text/javascript" charset="utf-8" src="https://npm.elemecdn.com/live2d-widget@3.0.4/lib/L2Dwidget.0.min.js"></script>
	<script type="text/javascript"  src="https://npm.elemecdn.com/live2d-widget@3.0.4/lib/L2Dwidget.min.js?_=1557308476616"></script>
	<script type="text/javascript">
	// L2Dwidget.init();
	  L2Dwidget.init({"display": {
        "superSample": 2,
        "width": 100,
        "height": 160,
        "position": "right",
        "hOffset": 120,
        "vOffset": 0
        }
     });
	</script>
</html>