buyfakett/reference
1
0
Fork 0
mirror of https://github.com/jaywcjlove/reference.git synced 2025-06-20 06:01:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

doc: update webstorm.md. d6a7ca3d7f

Browse Source
This commit is contained in:
jaywcjlove
2022-10-17 15:56:42 +00:00
parent e39fe0a676
commit f2741dcb96
2 changed files with 676 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

671
docs/webstorm.html Normal file
View File

@ -0,0 +1,671 @@
<!doctype html>
<html lang="en" data-color-mode="dark">
<head>
<meta charset="utf-8">
<title>WebStorm 备忘清单
&#x26; webstorm cheatsheet &#x26; Quick Reference</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta description="此快速参考备忘单列出了在 Windows/Linux 或 Mac 上运行的 WebStorm 的默认键盘快捷键为开发人员分享快速参考备忘单。">
<meta keywords="Quick,Reference,cheatsheet,webstorm">
<link rel="icon" href="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20width%3D%221em%22%3E%20%3Cpath%20d%3D%22m21.66%2010.44-.98%204.18c-.84%203.61-2.5%205.07-5.62%204.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2%201.17-2.42%203.16-3.07%206.5-2.28l1.67.39c4.19.98%205.47%203.05%204.49%207.23Z%22%20fill%3D%22%23c9d1d9%22%2F%3E%20%3Cpath%20d%3D%22M15.06%2019.39c-.62.42-1.4.77-2.35%201.08l-1.58.52c-3.97%201.28-6.06.21-7.35-3.76L2.5%2013.28c-1.28-3.97-.22-6.07%203.75-7.35l1.58-.52c.41-.13.8-.24%201.17-.31-.3.61-.54%201.35-.74%202.2l-.98%204.19c-.98%204.18.31%206.24%204.48%207.23l1.68.4c.58.14%201.12.23%201.62.27Zm2.43-8.88c-.06%200-.12-.01-.19-.02l-4.85-1.23a.75.75%200%200%201%20.37-1.45l4.85%201.23a.748.748%200%200%201-.18%201.47Z%22%20fill%3D%22%23228e6c%22%20%2F%3E%20%3Cpath%20d%3D%22M14.56%2013.89c-.06%200-.12-.01-.19-.02l-2.91-.74a.75.75%200%200%201%20.37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z%22%20fill%3D%22%23228e6c%22%20%2F%3E%20%3C%2Fsvg%3E" type="image/svg+xml">
<link rel="stylesheet" href="../style/style.css">
</head>
<body><nav class="header-nav"><div class="max-container"><a href="../index.html" class="logo"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" height="1em" width="1em">
<path d="m21.66 10.44-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2 1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23Z" fill="#c9d1d9"></path>
<path d="M15.06 19.39c-.62.42-1.4.77-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76L2.5 13.28c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52c.41-.13.8-.24 1.17-.31-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4c.58.14 1.12.23 1.62.27Zm2.43-8.88c-.06 0-.12-.01-.19-.02l-4.85-1.23a.75.75 0 0 1 .37-1.45l4.85 1.23a.748.748 0 0 1-.18 1.47Z" fill="#228e6c"></path>
<path d="M14.56 13.89c-.06 0-.12-.01-.19-.02l-2.91-.74a.75.75 0 0 1 .37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z" fill="#228e6c"></path>
</svg>
<span class="title">Quick Reference</span></a><div class="menu"><a href="https://github.com/jaywcjlove/reference/blob/main/docs/webstorm.md" class="" target="__blank"><svg viewBox="0 0 36 36" fill="currentColor" height="1em" width="1em"><path d="m33 6.4-3.7-3.7a1.71 1.71 0 0 0-2.36 0L23.65 6H6a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V11.76l3-3a1.67 1.67 0 0 0 0-2.36ZM18.83 20.13l-4.19.93 1-4.15 9.55-9.57 3.23 3.23ZM29.5 9.43 26.27 6.2l1.85-1.85 3.23 3.23Z"></path><path fill="none" d="M0 0h36v36H0z"></path></svg><span>编辑</span></a><button id="darkMode" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="light" height="1em" width="1em">
<path d="M6.995 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007-2.246-5.007-5.007-5.007S6.995 9.239 6.995 12zM11 19h2v3h-2zm0-17h2v3h-2zm-9 9h3v2H2zm17 0h3v2h-3zM5.637 19.778l-1.414-1.414 2.121-2.121 1.414 1.414zM16.242 6.344l2.122-2.122 1.414 1.414-2.122 2.122zM6.344 7.759 4.223 5.637l1.415-1.414 2.12 2.122zm13.434 10.605-1.414 1.414-2.122-2.122 1.414-1.414z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="dark" height="1em" width="1em">
<path d="M12 11.807A9.002 9.002 0 0 1 10.049 2a9.942 9.942 0 0 0-5.12 2.735c-3.905 3.905-3.905 10.237 0 14.142 3.906 3.906 10.237 3.905 14.143 0a9.946 9.946 0 0 0 2.735-5.119A9.003 9.003 0 0 1 12 11.807z"></path>
</svg>
</button><script>
const LOCAL_NANE = '_dark_mode_theme_'
const rememberedValue = localStorage.getItem(LOCAL_NANE);
if (rememberedValue && ['light', 'dark'].includes(rememberedValue)) {
document.documentElement.setAttribute('data-color-mode', rememberedValue);
}
const button = document.querySelector('#darkMode');
button.onclick = () => {
const theme = document.documentElement.dataset.colorMode;
const mode = theme === 'light' ? 'dark' : 'light';
document.documentElement.setAttribute('data-color-mode', mode);
localStorage.setItem(LOCAL_NANE, mode);
}
</script><a href="https://github.com/jaywcjlove/reference" class="" target="__blank"><svg viewBox="0 0 16 16" fill="currentColor" height="1em" width="1em"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div></nav><div class="wrap max-container"><header class="wrap-header h1wrap"><h1 id="webstorm-备忘清单"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 14 14" height="1em" width="1em">
<path d="m13 5.065-.96-2.378-.6-1.44L8.65 1l-.435.42-.555-.21-1.763.938L4 1.022l-3 1.23 1.612 9.586L9.25 13l.42-2.13.075-.045h-6.57v-7.65h7.65v7.013L13 8.898l-1.313-2.46m-8.362 4.238h7.35V3.325h-7.35v7.35zm3.45-.863H3.963V9.34h2.812v.473zm2.063-5.648c.412 0 .824.15 1.14.398l-.353.525a1.383 1.383 0 0 0-.787-.3c-.248 0-.398.112-.398.284 0 .202.136.278.66.405.615.173.975.398.975.938 0 .622-.473.975-1.125.975a2.16 2.16 0 0 1-1.312-.502l.389-.489c.285.225.563.375.923.375.278 0 .45-.112.45-.3 0-.173-.114-.262-.615-.397-.623-.165-1.02-.338-1.02-.952v-.022c0-.563.45-.938 1.073-.938Zm-4.313.06.472 1.8.525-1.8h.525l.526 1.8.464-1.8h.736l-.9 3.112h-.586l-.502-1.8-.51 1.8h-.577l-.9-3.112h.728z"></path>
</svg>
<a aria-hidden="true" tabindex="-1" href="#webstorm-备忘清单"><span class="icon icon-link"></span></a>WebStorm 备忘清单</h1><div class="wrap-body">
<p>此快速参考备忘单列出了在 Windows/Linux 或 Mac 上运行的 <a href="https://www.jetbrains.com/webstorm/">WebStorm</a> 的默认键盘快捷键</p>
</div></header><div class="h1wrap-body"><div class="wrap"><div class="wrap-header h2wrap"><h2 id="webstorm-windows--linux-键盘映射"><a aria-hidden="true" tabindex="-1" href="#webstorm-windows--linux-键盘映射"><span class="icon icon-link"></span></a>Webstorm Windows &#x26; Linux 键盘映射</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap row-span-5"><div class="wrap-header h3wrap"><h3 id="编辑"><a aria-hidden="true" tabindex="-1" href="#编辑"><span class="icon icon-link"></span></a>编辑</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-5-->
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>Ctrl</code> <code>Space</code></td><td align="left">基本代码完成</td></tr><tr><td align="left"><code>Alt</code> <code>Enter</code></td><td align="left">显示意图操作，快速修复</td></tr><tr><td align="left"><code>Ctrl</code> <code>P</code></td><td align="left">参数信息</td></tr><tr><td align="left"><code>Ctrl</code> <code>Q</code></td><td align="left">快速文档查找</td></tr><tr><td align="left"><code>Ctrl</code> <code>mouse over</code></td><td align="left">简要信息</td></tr><tr><td align="left"><code>Ctrl</code> <code>F1</code></td><td align="left">插入符号处的错误或警告</td></tr><tr><td align="left"><code>Alt</code> <code>Insert</code></td><td align="left">生成代码...</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>T</code></td><td align="left">环绕...</td></tr><tr><td align="left"><code>Ctrl</code> <code>J</code></td><td align="left">插入实时模板</td></tr><tr><td align="left"><code>Ctrl</code> <code>/</code></td><td align="left">用行注释/取消注释</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>/</code></td><td align="left">用块评论/取消评论</td></tr><tr><td align="left"><code>Ctrl</code> <code>W</code></td><td align="left">选择连续增加的代码块</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>W</code></td><td align="left">将当前选择减少到以前的状态</td></tr><tr><td align="left"><code>Alt+Q</code></td><td align="left">上下文信息</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>L</code></td><td align="left">重新格式化代码</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>I</code></td><td align="left">自动缩进行</td></tr><tr><td align="left"><code>Tab</code></td><td align="left">缩进选定的行</td></tr><tr><td align="left"><code>Shift</code> <code>Tab</code></td><td align="left">取消缩进选定的行</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>V</code></td><td align="left">从最近的缓冲区粘贴...</td></tr><tr><td align="left"><code>Ctrl</code> <code>D</code></td><td align="left">复制当前行或选定块</td></tr><tr><td align="left"><code>Ctrl</code> <code>Y</code></td><td align="left">删除插入符号处的行</td></tr><tr><td align="left"><code>Alt</code> <code>Shift</code> <code>Up</code></td><td align="left">向上移动队列</td></tr><tr><td align="left"><code>Alt</code> <code>Shift</code> <code>Down</code></td><td align="left">下移线</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>J</code></td><td align="left">连接线</td></tr><tr><td align="left"><code>Ctrl</code> <code>Enter</code></td><td align="left">分割线</td></tr><tr><td align="left"><code>Shift</code> <code>Enter</code></td><td align="left">开始新行</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>U</code></td><td align="left">在插入符号或选定块中切换单词的大小写</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>]</code></td><td align="left">选择直到代码块结束</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>[</code></td><td align="left">选择直到代码块开始</td></tr><tr><td align="left"><code>Ctrl</code> <code>Delete</code></td><td align="left">删除到词尾</td></tr><tr><td align="left"><code>Ctrl</code> <code>Backspace</code></td><td align="left">删除到单词开头</td></tr><tr><td align="left"><code>Ctrl</code> <code>+</code></td><td align="left">展开代码块</td></tr><tr><td align="left"><code>Ctrl</code> <code>-</code></td><td align="left">折叠代码块</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>+</code></td><td align="left">展开全部</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>-</code></td><td align="left">全部收缩</td></tr><tr><td align="left"><code>Ctrl</code> <code>F4</code></td><td align="left">关闭活动编辑器选项卡</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="一般的"><a aria-hidden="true" tabindex="-1" href="#一般的"><span class="icon icon-link"></span></a>一般的</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>Double Shift</code></td><td align="left">到处搜索</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>A</code></td><td align="left">寻找行动</td></tr><tr><td align="left"><code>Alt</code> <code>0...9</code></td><td align="left">打开相应的工具窗口</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>F12</code></td><td align="left">切换最大化编辑器</td></tr><tr><td align="left"><code>Alt</code> <code>Shift</code> <code>F</code></td><td align="left">添加到收藏夹</td></tr><tr><td align="left"><code>Alt</code> <code>Shift</code> <code>I</code></td><td align="left">检查当前文件</td></tr><tr><td align="left"><code>Ctrl</code> <kbd>`</kbd></td><td align="left">快速切换电流方案</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>S</code></td><td align="left">打开设置对话框</td></tr><tr><td align="left"><code>Ctrl</code> <code>Tab</code></td><td align="left">在工具和选项卡之间切换</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap row-span-4"><div class="wrap-header h3wrap"><h3 id="导航"><a aria-hidden="true" tabindex="-1" href="#导航"><span class="icon icon-link"></span></a>导航</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-4-->
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>Ctrl</code> <code>B</code> <em>|</em> <code>Ctrl + Click</code></td><td align="left">前往 declaration</td></tr><tr><td align="left"><code>Ctrl</code> <code>N</code></td><td align="left">前往 class</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>N</code></td><td align="left">转到文件</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>Shift</code> <code>N</code></td><td align="left">转到符号</td></tr><tr><td align="left"><code>Alt</code> <code>Right</code></td><td align="left">转到下一个编辑器选项卡</td></tr><tr><td align="left"><code>Alt</code> <code>Left</code></td><td align="left">转到上一个编辑器选项卡</td></tr><tr><td align="left"><code>F12</code></td><td align="left">返回上一个工具窗口</td></tr><tr><td align="left"><code>Esc</code></td><td align="left">转到编辑器</td></tr><tr><td align="left"><code>Ctrl</code> <code>G</code></td><td align="left">去行</td></tr><tr><td align="left"><code>Ctrl</code> <code>E</code></td><td align="left">最近的文件弹出</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>Right</code></td><td align="left">向前导航</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>Left</code></td><td align="left">向后导航</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>Backspace</code></td><td align="left">导航到最后一个编辑位置</td></tr><tr><td align="left"><code>Alt</code> <code>F1</code></td><td align="left">在任何视图中选择当前文件或符号</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>B</code></td><td align="left">转到实施</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>I</code></td><td align="left">打开快速定义查找</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>B</code></td><td align="left">转到类型声明</td></tr><tr><td align="left"><code>Ctrl</code> <code>U</code></td><td align="left">转到超方法/超类</td></tr><tr><td align="left"><code>Alt</code> <code>Up</code></td><td align="left">转到上一个方法</td></tr><tr><td align="left"><code>Alt</code> <code>Down</code></td><td align="left">转到下一个方法</td></tr><tr><td align="left"><code>Ctrl</code> <code>]</code> <em>/</em> <code>[</code></td><td align="left">移动到代码块结束/开始</td></tr><tr><td align="left"><code>Cltrl</code> <code>Shift</code> <code>M</code></td><td align="left">将插入符号移动到匹配的大括号</td></tr><tr><td align="left"><code>Ctrl</code> <code>F12</code></td><td align="left">文件结构弹出</td></tr><tr><td align="left"><code>Ctrl</code> <code>H</code></td><td align="left">类型层次结构</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>H</code></td><td align="left">调用层次结构</td></tr><tr><td align="left"><code>F2</code> <em>/</em> <code>Shift</code> <code>F2</code></td><td align="left">下/上一个突出显示的错误</td></tr><tr><td align="left"><code>F4</code> <em>/</em> <code>Ctrl</code> <code>Enter</code></td><td align="left">跳转到源</td></tr><tr><td align="left"><code>Alt</code> <code>Home</code></td><td align="left">跳转到导航栏</td></tr><tr><td align="left"><code>F11</code></td><td align="left">切换书签</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>F11</code></td><td align="left">使用助记符切换书签</td></tr><tr><td align="left"><code>Ctrl</code> <code>0...9</code></td><td align="left">转到编号的书签</td></tr><tr><td align="left"><code>Shift</code> <code>F11</code></td><td align="left">显示书签</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="多个插入符号和选择"><a aria-hidden="true" tabindex="-1" href="#多个插入符号和选择"><span class="icon icon-link"></span></a>多个插入符号和选择</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>Alt</code> <code>Click</code></td><td align="left">添加或删除插入符号</td></tr><tr><td align="left"><code>Shift</code> <code>Ctrl + Alt-J</code></td><td align="left">选择所有出现</td></tr><tr><td align="left"><code>Alt</code> <code>J</code></td><td align="left">选择下一个出现</td></tr><tr><td align="left"><code>Alt</code> <code>Shift</code> <code>J</code></td><td align="left">取消选择事件</td></tr><tr><td align="left"><code>Esc</code></td><td align="left">取消选择所有出现或插入符号</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="调试"><a aria-hidden="true" tabindex="-1" href="#调试"><span class="icon icon-link"></span></a>调试</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>F8</code></td><td align="left">跨过去</td></tr><tr><td align="left"><code>F7</code></td><td align="left">踏入</td></tr><tr><td align="left"><code>Shift</code> <code>F7</code></td><td align="left">智能步入</td></tr><tr><td align="left"><code>Shift</code> <code>F8</code></td><td align="left">走出去</td></tr><tr><td align="left"><code>Alt</code> <code>F9</code></td><td align="left">运行到光标</td></tr><tr><td align="left"><code>Alt</code> <code>F8</code></td><td align="left">评估表达式</td></tr><tr><td align="left"><code>F9</code></td><td align="left">简历计划</td></tr><tr><td align="left"><code>Ctrl</code> <code>F8</code></td><td align="left">切换断点</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>F8</code></td><td align="left">查看断点</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="运行"><a aria-hidden="true" tabindex="-1" href="#运行"><span class="icon icon-link"></span></a>运行</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>Alt</code> <code>Shift</code> <code>F10</code></td><td align="left">选择配置并运行</td></tr><tr><td align="left"><code>Alt</code> <code>Shift</code> <code>F9</code></td><td align="left">选择配置和调试</td></tr><tr><td align="left"><code>Shift</code> <code>F10</code></td><td align="left">运行</td></tr><tr><td align="left"><code>Shift</code> <code>F9</code></td><td align="left">调试</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>F10</code></td><td align="left">从编辑器运行上下文配置</td></tr><tr><td align="left"><code>Alt</code> <code>Shift</code> <code>R</code></td><td align="left">重新运行测试</td></tr><tr><td align="left"><code>Alt</code> <code>F11</code></td><td align="left">运行 Gulp/Grunt/npm 任务</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="使用搜索"><a aria-hidden="true" tabindex="-1" href="#使用搜索"><span class="icon icon-link"></span></a>使用搜索</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>Alt</code> <code>F7</code></td><td align="left">查找用法</td></tr><tr><td align="left"><code>Ctrl</code> <code>F7</code></td><td align="left">在文件中查找用法</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>F7</code></td><td align="left">突出显示文件中的用法</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>F7</code></td><td align="left">显示用法</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="vcs本地历史"><a aria-hidden="true" tabindex="-1" href="#vcs本地历史"><span class="icon icon-link"></span></a>VCS/本地历史</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>Alt</code> <kbd>`</kbd></td><td align="left">VCS 快速弹出窗口</td></tr><tr><td align="left"><code>Ctrl</code> <code>K</code></td><td align="left">将项目提交到 VCS</td></tr><tr><td align="left"><code>Ctrl</code> <code>T</code></td><td align="left">从 VCS 更新项目</td></tr><tr><td align="left"><code>Alt</code> <code>Shift</code> <code>C</code></td><td align="left">查看最近的更改</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="搜索替换"><a aria-hidden="true" tabindex="-1" href="#搜索替换"><span class="icon icon-link"></span></a>搜索/替换</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>Ctrl</code> <code>F</code></td><td align="left">寻找</td></tr><tr><td align="left"><code>F3</code></td><td align="left">找下一个</td></tr><tr><td align="left"><code>Shift</code> <code>F3</code></td><td align="left">查找上一个</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>F</code></td><td align="left">在路径中查找</td></tr><tr><td align="left"><code>Ctrl</code> <code>R</code></td><td align="left">代替</td></tr><tr><td align="left"><code>Ctrl</code> <code>Shift</code> <code>R</code></td><td align="left">在路径中替换</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="重构"><a aria-hidden="true" tabindex="-1" href="#重构"><span class="icon icon-link"></span></a>重构</h3><div class="wrap-body">
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>Shift +T</code></td><td align="left">重构这个</td></tr><tr><td align="left"><code>F5</code> <em>/</em> <code>F6</code></td><td align="left">复制/移动</td></tr><tr><td align="left"><code>Alt</code> <code>Delete</code></td><td align="left">安全删除</td></tr><tr><td align="left"><code>Shift</code> <code>F6</code></td><td align="left">改名</td></tr><tr><td align="left"><code>Ctrl</code> <code>F6</code></td><td align="left">更改函数签名</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>N</code></td><td align="left">内联变量</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>M</code></td><td align="left">提取方法</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>V</code></td><td align="left">提取变量</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>C</code></td><td align="left">提取常数</td></tr><tr><td align="left"><code>Ctrl</code> <code>Alt</code> <code>P</code></td><td align="left">提取参数</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 Kenny Wang, All rights reserved.</footer></footer><script>
if(('onhashchange' in window) && ((typeof document.documentMode==='undefined') || document.documentMode==8)) {
window.onhashchange = function () {
anchorPoint()
};
}
function anchorPoint() {
const hash = window.location.hash?.replace(/^#/, '') || '';
const elm = document.getElementById(decodeURIComponent(hash));
Array.from(document.querySelectorAll('.h2wrap-body .wrap')).forEach((elm) => elm.classList.remove('active'))
if (elm?.tagName === 'H3') {
elm?.parentElement?.parentElement?.classList.add('active');
const box = elm?.parentElement?.parentElement;
console.log('elm:2', box, document.querySelectorAll('.h2wrap-body .wrap'))
}
}
anchorPoint();
</script></body>
</html>

6
index.html
View File

@ -141,7 +141,7 @@
</svg>
<span>Vue 2</span></a><!--rehype:style=background: rgb(64 184 131/var(\-\-bg\-opacity));--></p>
<!--rehype:class=home-card-->
</div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="工具包"><a aria-hidden="true" tabindex="-1" href="#工具包"><span class="icon icon-link"></span></a>工具包</h2><div class="wrap-body">
</div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="工具"><a aria-hidden="true" tabindex="-1" href="#工具"><span class="icon icon-link"></span></a>工具</h2><div class="wrap-body">
<p class="home-card"><a href="./docs/nginx.html" style="background: rgb(0 193 9/var(\-\-bg\-opacity));"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em" viewBox="0 0 46 52">
<path d="M21.6686953,0.373850863 C22.4859141,-0.124616954 23.5140859,-0.124616954 24.3575391,0.373850863 L44.6555781,12.0199042 C45.4992109,12.491911 46,13.3837179 46,14.3541925 L46,37.6459416 C46,38.6164162 45.4992109,39.5084019 44.6555781,39.9804087 L24.3575391,51.6262832 C23.5403203,52.1245723 22.5123281,52.1245723 21.6686953,51.6262832 L1.37083594,39.9804087 C0.948929687,39.7444053 0.606265625,39.4295553 0.369078125,39.009934 C0.105476562,38.5903128 0,38.1444094 0,37.672045 L0,14.3541925 C0,13.3837179 0.500789062,12.491911 1.37101563,12.0199042 Z M32.1078203,14.5377872 C31.4147694,14.5348957 30.749258,14.8075453 30.2591927,15.2951641 C29.7691273,15.782783 29.4951098,16.444972 29.4980391,17.134563 L29.4980391,30.0655834 L18.5843594,17.0821774 L17.7937344,16.1378062 C16.9238672,15.0623815 15.4739687,14.5640925 14.2348437,14.5640925 C12.5215234,14.5640925 11.2825549,15.6919028 11.2825549,17.0821774 L11.2825549,34.8918533 C11.2796492,35.5814132 11.5536421,36.2435748 12.0436685,36.7311885 C12.5336949,37.2188021 13.1991599,37.4914728 13.8921797,37.4886291 C14.5852306,37.4915206 15.250742,37.218871 15.7408073,36.7312522 C16.2308727,36.2436333 16.5048902,35.5814443 16.5019609,34.8918533 L16.5019609,21.9869363 L28.2062656,35.8886101 C29.0761328,36.9640348 30.5260312,37.4623238 31.7651562,37.4623238 C33.4784766,37.4623238 34.7174451,36.3345135 34.7174451,34.9444177 L34.7174451,17.134563 C34.7203508,16.4450031 34.4463579,15.7828415 33.9563315,15.2952278 C33.4663051,14.8076142 32.8008401,14.5349435 32.1078203,14.5377872 Z"></path>
</svg><span>nginx</span></a><!--rehype:style=background: rgb(0 193 9/var(\-\-bg\-opacity));-->
@ -166,6 +166,10 @@
<path d="M32 15.979h-.036l-5.755-5.755 5.734-5.885V1.948l-.865-.865H20.146l-.88.807v1.396L16.021.036V0L16 .021 15.979 0v.036L14.26 1.755l-.719-.719H2.713l-.849.927v2.51l.818.823h.964v7.078L.037 15.983H.001l.021.016-.021.021h.036l3.609 3.604v8.625l1.208.698h3.094l2.479-2.542 5.552 5.557v.036l.021-.021.021.021v-.036l3.344-3.344h.646a.352.352 0 0 0 .333-.24l.198-.568a.356.356 0 0 0-.052-.323l1.948-1.948-.813 2.615a.352.352 0 0 0 .234.443.242.242 0 0 0 .104.021h2.432a.365.365 0 0 0 .323-.219l.219-.526a.333.333 0 0 0-.005-.271.313.313 0 0 0-.193-.188.45.45 0 0 0-.13-.031h-.099l1.12-3.521h1.641l-1.354 4.292a.359.359 0 0 0 .343.459h2.667a.362.362 0 0 0 .333-.224l.219-.573a.355.355 0 0 0-.334-.474h-.193l1.505-4.901a.347.347 0 0 0-.052-.318l-.5-.672v-.005a.355.355 0 0 0-.281-.141h-1.917a.348.348 0 0 0-.25.109l-.536.589h-.828l-.057-.063 5.927-5.927h.036l-.021-.016zM13.12 28.188l2.104-6.016h-.672l.401-.406h2.208l-2.083 6.078h.833l-.109.344zm4.922-10.027.203.203-.359 1.229-.302.302h-1.292l-.24-.24.417-1.161.38-.333zm-10.589 9.61H5.172l-.354-.198V4.12H3.172l-.135-.13V2.422l.193-.208h9.828l.286.286v1.479l-.193.229h-1.438v11.583L23.458 4.208h-2.781l-.234-.25V2.406l.161-.146h9.984l.177.177v1.427L17.307 17.666h-.557l-.026.005a.41.41 0 0 0-.156.078l-.458.396-.005.005a.407.407 0 0 0-.099.146l-.391 1.109zm19.693-5.266.63-.693h1.776l.417.552-1.688 5.474h.656l-.109.281h-2.375l1.5-4.755h-2.688l-1.438 4.521h.568l-.099.234h-2.141l1.479-4.729h-2.797l-1.417 4.453h.583l-.099.276H17.69l2.021-5.948h-.781l.12-.359h2.198l.693.714h1.208l.656-.734h1.411l.656.714z"></path>
</svg>
<span>Vim</span></a><!--rehype:style=background: rgb(9 150 8/var(\-\-bg\-opacity));-->
<a href="./docs/webstorm.html" style="background: rgb(91 163 230/var(\-\-bg\-opacity));"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 14 14" height="1em" width="1em">
<path d="m13 5.065-.96-2.378-.6-1.44L8.65 1l-.435.42-.555-.21-1.763.938L4 1.022l-3 1.23 1.612 9.586L9.25 13l.42-2.13.075-.045h-6.57v-7.65h7.65v7.013L13 8.898l-1.313-2.46m-8.362 4.238h7.35V3.325h-7.35v7.35zm3.45-.863H3.963V9.34h2.812v.473zm2.063-5.648c.412 0 .824.15 1.14.398l-.353.525a1.383 1.383 0 0 0-.787-.3c-.248 0-.398.112-.398.284 0 .202.136.278.66.405.615.173.975.398.975.938 0 .622-.473.975-1.125.975a2.16 2.16 0 0 1-1.312-.502l.389-.489c.285.225.563.375.923.375.278 0 .45-.112.45-.3 0-.173-.114-.262-.615-.397-.623-.165-1.02-.338-1.02-.952v-.022c0-.563.45-.938 1.073-.938Zm-4.313.06.472 1.8.525-1.8h.525l.526 1.8.464-1.8h.736l-.9 3.112h-.586l-.502-1.8-.51 1.8h-.577l-.9-3.112h.728z"></path>
</svg>
<span>WebStorm</span></a><!--rehype:style=background: rgb(91 163 230/var(\-\-bg\-opacity));-->
<a href="./docs/xpath.html" style="background: rgb(91 163 230/var(\-\-bg\-opacity));"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" height="1em" width="1em">
<path fill="none" d="M0 0h24v24H0z"></path>
<path d="M10 2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H8v2h5V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-1H8v6h5v-1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-1H7a1 1 0 0 1-1-1V8H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h6zm9 16h-4v2h4v-2zm0-8h-4v2h4v-2zM9 4H5v2h4V4z"></path>