H1快捷键
此处将记录我常用、且易忘的
H2Windows
| 快捷键 | 作用 |
|---|---|
| Ctrl + P | 全局搜索文件 |
| Ctrl + D | 每按一下即选中下一个相邻且相同的代码块，可同时编辑所有选中且相同的代码块 |
| Shift + Alt + 上下键 | 复制该行 |
| Alt + 上下键 | 移动改行 |
| Ctrl + Shift + 上下键 | 纵向选中代码行 |
| Ctrl + Alt + 上下键 | 纵向拉长光标，可同时编辑多个代码 |
H1插件
记录我下载的插件
- 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)
H1配置文件
我当前使用的
settings.json：
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
}H1如何在背景配置一个动态小女孩
替换所有代码E:\Visual Studio Code\Microsoft VS Code\resources\app\out\vs\code\electron-browser\workbench\workbench.html
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>H1问题合集
H2Mac 端显示端口正在运行项目，实则没有
场景：我明明把项目关闭了，但项目还能通过 localhost 正常访问，于是我输入 npm start 结果控制台显示
✔ Something is already running on port 3000.
输入 npx kill-port 3000 即可，stack overflow 上有人说 Windows 也能用此命令。
