/tags/%23%E5%BF%AB%E6%8D%B7%E9%94%AE/Recent content in #快捷键 on YuChu's BlogHugo -- gohugo.iozh-cnTue, 26 Mar 2024 17:12:02 +0000/posts/vscode%E5%B8%B8%E7%94%A8%E5%BF%AB%E6%8D%B7%E9%94%AE%E5%8F%8A%E6%8F%92%E4%BB%B6/Tue, 26 Mar 2024 17:12:02 +0000/posts/vscode%E5%B8%B8%E7%94%A8%E5%BF%AB%E6%8D%B7%E9%94%AE%E5%8F%8A%E6%8F%92%E4%BB%B6/<h1 id="常用快捷键"><a href="#%e5%b8%b8%e7%94%a8%e5%bf%ab%e6%8d%b7%e9%94%ae" class="header-anchor"></a> 常用快捷键 </h1><h2 id="注释"><a href="#%e6%b3%a8%e9%87%8a" class="header-anchor"></a>注释 </h2><ul> <li> <p>单行注释：<code>[ctrl+k,ctrl+c] 或 ctrl+/</code></p> </li> <li> <p> 取消单行注释：<code>[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u)</code></p> </li> <li> <p>多行注释：<code>[alt+shift+A]</code></p> </li> <li> <p> 多行注释：<code>/**</code></p> </li> </ul> <!-- more --> <h2 id="移动行"><a href="#%e7%a7%bb%e5%8a%a8%e8%a1%8c" class="header-anchor"></a>移动行 </h2><p><code>alt+up/down</code></p> <h2 id="显示隐藏左侧目录栏"><a href="#%e6%98%be%e7%a4%ba%e9%9a%90%e8%97%8f%e5%b7%a6%e4%be%a7%e7%9b%ae%e5%bd%95%e6%a0%8f" class="header-anchor"></a>显示/隐藏左侧目录栏 </h2><p><code>Ctrl+b</code></p> <h2 id="复制当前行"><a href="#%e5%a4%8d%e5%88%b6%e5%bd%93%e5%89%8d%e8%a1%8c" class="header-anchor"></a>复制当前行 </h2><p><code>shift + alt +up/down</code></p> <h2 id="删除当前行"><a href="#%e5%88%a0%e9%99%a4%e5%bd%93%e5%89%8d%e8%a1%8c" class="header-anchor"></a>删除当前行 </h2><p><code>shift + ctrl + k</code></p> <h2 id="控制台终端显示与隐藏"><a href="#%e6%8e%a7%e5%88%b6%e5%8f%b0%e7%bb%88%e7%ab%af%e6%98%be%e7%a4%ba%e4%b8%8e%e9%9a%90%e8%97%8f" class="header-anchor"></a>控制台终端显示与隐藏 </h2><p><code>Ctrl + ~</code></p> <h2 id="查找文件安装vs-code-插件地址"><a href="#%e6%9f%a5%e6%89%be%e6%96%87%e4%bb%b6%e5%ae%89%e8%a3%85vs-code-%e6%8f%92%e4%bb%b6%e5%9c%b0%e5%9d%80" class="header-anchor"></a>查找文件/安装vs code 插件地址 </h2><p><code>Ctrl + p</code></p> <h2 id="代码格式化"><a href="#%e4%bb%a3%e7%a0%81%e6%a0%bc%e5%bc%8f%e5%8c%96" class="header-anchor"></a>代码格式化 </h2><p><code>shift + alt + f</code></p> <h2 id="新建窗口"><a href="#%e6%96%b0%e5%bb%ba%e7%aa%97%e5%8f%a3" class="header-anchor"></a>新建窗口 </h2><p><code>ctrl + shift + n</code></p> <h2 id="行增加缩进"><a href="#%e8%a1%8c%e5%a2%9e%e5%8a%a0%e7%bc%a9%e8%bf%9b" class="header-anchor"></a>行增加缩进 </h2><p><code>Ctrl + [</code></p> <h2 id="行减少缩进"><a href="#%e8%a1%8c%e5%87%8f%e5%b0%91%e7%bc%a9%e8%bf%9b" class="header-anchor"></a>行减少缩进 </h2><p><code>Ctrl + ]</code></p> <h2 id="裁剪尾随空格"><a href="#%e8%a3%81%e5%89%aa%e5%b0%be%e9%9a%8f%e7%a9%ba%e6%a0%bc" class="header-anchor"></a>裁剪尾随空格 </h2><p><code>Ctrl + shift + x</code></p> <h2 id="字体放大缩小"><a href="#%e5%ad%97%e4%bd%93%e6%94%be%e5%a4%a7%e7%bc%a9%e5%b0%8f" class="header-anchor"></a>字体放大(缩小) </h2><p><code>Ctrl + (或-)</code></p> <h2 id="拆分编辑器"><a href="#%e6%8b%86%e5%88%86%e7%bc%96%e8%be%91%e5%99%a8" class="header-anchor"></a>拆分编辑器 </h2><p><code>Ctrl +1/2/3</code></p> <h2 id="切换窗口"><a href="#%e5%88%87%e6%8d%a2%e7%aa%97%e5%8f%a3" class="header-anchor"></a>切换窗口 </h2><p><code>ctrl + shift + left/right</code></p> <h2 id="关闭编辑器窗口"><a href="#%e5%85%b3%e9%97%ad%e7%bc%96%e8%be%91%e5%99%a8%e7%aa%97%e5%8f%a3" class="header-anchor"></a>关闭编辑器窗口 </h2><p><code>Ctrl + w</code></p> <h2 id="关闭所有窗口"><a href="#%e5%85%b3%e9%97%ad%e6%89%80%e6%9c%89%e7%aa%97%e5%8f%a3" class="header-anchor"></a>关闭所有窗口 </h2><p><code>Ctrl + k + w</code></p> <h2 id="切换全屏"><a href="#%e5%88%87%e6%8d%a2%e5%85%a8%e5%b1%8f" class="header-anchor"></a>切换全屏 </h2><p><code>f11</code></p> <h2 id="自动换行"><a href="#%e8%87%aa%e5%8a%a8%e6%8d%a2%e8%a1%8c" class="header-anchor"></a>自动换行 </h2><p><code>alt + z</code></p> <h2 id="显示git"><a href="#%e6%98%be%e7%a4%bagit" class="header-anchor"></a>显示Git </h2><p><code>Ctrl + shift + g</code></p> <h2 id="全局查找文件"><a href="#%e5%85%a8%e5%b1%80%e6%9f%a5%e6%89%be%e6%96%87%e4%bb%b6" class="header-anchor"></a>全局查找文件 </h2><p><code>Ctrl + shift + f</code></p> <h2 id="显示相关插件的命令如git-log"><a href="#%e6%98%be%e7%a4%ba%e7%9b%b8%e5%85%b3%e6%8f%92%e4%bb%b6%e7%9a%84%e5%91%bd%e4%bb%a4%e5%a6%82git-log" class="header-anchor"></a>显示相关插件的命令(如：git log) </h2><p><code>Ctrl + shift + p</code></p> <h2 id="选中文字"><a href="#%e9%80%89%e4%b8%ad%e6%96%87%e5%ad%97" class="header-anchor"></a>选中文字 </h2><p><code>shift + left / right / up / down</code></p> <h2 id="折叠代码"><a href="#%e6%8a%98%e5%8f%a0%e4%bb%a3%e7%a0%81" class="header-anchor"></a>折叠代码 </h2><p><code>ctrl + k + 0-9 (0是完全折叠)</code></p> <h2 id="展开代码"><a href="#%e5%b1%95%e5%bc%80%e4%bb%a3%e7%a0%81" class="header-anchor"></a>展开代码 </h2><p><code>ctrl + k + j (完全展开代码)</code></p> <h2 id="删除行"><a href="#%e5%88%a0%e9%99%a4%e8%a1%8c" class="header-anchor"></a>删除行 </h2><p><code>Ctrl + shift + k</code></p> <h2 id="快速切换主题"><a href="#%e5%bf%ab%e9%80%9f%e5%88%87%e6%8d%a2%e4%b8%bb%e9%a2%98" class="header-anchor"></a>快速切换主题 </h2><p><code>Ctrl + k/Ctrl + t</code></p> <h2 id="快速回到顶部底部"><a href="#%e5%bf%ab%e9%80%9f%e5%9b%9e%e5%88%b0%e9%a1%b6%e9%83%a8%e5%ba%95%e9%83%a8" class="header-anchor"></a>快速回到顶部/底部 </h2><p><code>Ctrl + home/end</code></p> <h2 id="格式化选定代码"><a href="#%e6%a0%bc%e5%bc%8f%e5%8c%96%e9%80%89%e5%ae%9a%e4%bb%a3%e7%a0%81" class="header-anchor"></a>格式化选定代码 </h2><p><code>Ctrl + k/f</code></p> <h2 id="选中代码"><a href="#%e9%80%89%e4%b8%ad%e4%bb%a3%e7%a0%81" class="header-anchor"></a>选中代码 </h2><p><code>shift + 鼠标左键</code></p> <h2 id="多行同时添加内容光标"><a href="#%e5%a4%9a%e8%a1%8c%e5%90%8c%e6%97%b6%e6%b7%bb%e5%8a%a0%e5%86%85%e5%ae%b9%e5%85%89%e6%a0%87" class="header-anchor"></a>多行同时添加内容（光标） </h2><p><code>ctrl + alt + up/down</code></p> <h2 id="全局替换"><a href="#%e5%85%a8%e5%b1%80%e6%9b%bf%e6%8d%a2" class="header-anchor"></a>全局替换 </h2><p><code>ctrl + shift + h</code></p> <h2 id="当前文件替换"><a href="#%e5%bd%93%e5%89%8d%e6%96%87%e4%bb%b6%e6%9b%bf%e6%8d%a2" class="header-anchor"></a>当前文件替换 </h2><p><code>Ctrl + h</code></p> <h2 id="打开最近打开的文件"><a href="#%e6%89%93%e5%bc%80%e6%9c%80%e8%bf%91%e6%89%93%e5%bc%80%e7%9a%84%e6%96%87%e4%bb%b6" class="header-anchor"></a>打开最近打开的文件 </h2><p><code>Ctrl + r</code></p> <h2 id="打开新的命令窗"><a href="#%e6%89%93%e5%bc%80%e6%96%b0%e7%9a%84%e5%91%bd%e4%bb%a4%e7%aa%97" class="header-anchor"></a>打开新的命令窗 </h2><p><code>ctrl + shift + c</code></p> <h1 id="常用插件"><a href="#%e5%b8%b8%e7%94%a8%e6%8f%92%e4%bb%b6" class="header-anchor"></a>常用插件 </h1><h3 id="1auto-rename-tag"><a href="#1auto-rename-tag" class="header-anchor"></a>1、Auto Rename Tag </h3><p>修改html标签，自动帮你完成尾部闭合标签的同步修改，和webstorm一样。</p> <h3 id="2auto-close-tag"><a href="#2auto-close-tag" class="header-anchor"></a>2、Auto Close Tag </h3><p>自动闭合HTML标签</p> <h3 id="4beautiful"><a href="#4beautiful" class="header-anchor"></a>4、Beautiful </h3><p>格式化代码的工具</p> <h3 id="5dash-dash"><a href="#5dash-dash" class="header-anchor"></a>5、Dash Dash </h3><p>是MacOS的API文档浏览器和代码段管理器</p> <h3 id="6ejs-snippets-ejs"><a href="#6ejs-snippets-ejs" class="header-anchor"></a>6、Ejs Snippets ejs </h3><p>代码提示</p> <h3 id="7eslint"><a href="#7eslint" class="header-anchor"></a>7、ESLint </h3><p>检查javascript语法错误与提示</p> <h3 id="8file-navigator"><a href="#8file-navigator" class="header-anchor"></a>8、File Navigator </h3><p>快速查找文件</p> <h3 id="9git-historygit-log"><a href="#9git-historygit-log" class="header-anchor"></a>9、Git History(git log) </h3><p>查看git log</p> <h3 id="10gulp-snippets"><a href="#10gulp-snippets" class="header-anchor"></a>10、Gulp Snippets </h3><p>写gulp时用到，gulp语法提示。</p> <h3 id="11html-css-support"><a href="#11html-css-support" class="header-anchor"></a>11、HTML CSS Support </h3><p>在HTML标签上写class智能提示当前项目所支持的样式</p> <h3 id="12html-snippets"><a href="#12html-snippets" class="header-anchor"></a>12、HTML Snippets </h3><p>超级好用且初级的H5代码片段以及提示</p> <h3 id="13debug-for-chrome"><a href="#13debug-for-chrome" class="header-anchor"></a>13、Debug for Chrome </h3><p>让vs code映射chrome的debug功能，静态页面都可以用vscode来打断点调试、配饰稍微复杂一点</p> <h3 id="14document-this"><a href="#14document-this" class="header-anchor"></a>14、Document this </h3><p>Js的注释模板</p> <h3 id="15jquery-code-snippets"><a href="#15jquery-code-snippets" class="header-anchor"></a>15、jQuery Code Snippets </h3><p>jquery提示工具</p> <h3 id="16html2jade"><a href="#16html2jade" class="header-anchor"></a>16、Html2jade </h3><p>html模板转pug模板</p> <h3 id="17js-css-html"><a href="#17js-css-html" class="header-anchor"></a>17、JS-CSS-HTML </h3><p>Formatter 格式化</p> <h3 id="18npm-intellisense"><a href="#18npm-intellisense" class="header-anchor"></a>18、Npm intellisense </h3><p>require 时的包提示工具</p> <h3 id="19open-in-browser"><a href="#19open-in-browser" class="header-anchor"></a>19、Open in browser </h3><p>打开默认浏览器</p> <h3 id="20one-dark-theme"><a href="#20one-dark-theme" class="header-anchor"></a>20、One Dark Theme </h3><p>一个vs code的主题</p> <h3 id="21path-intellisense"><a href="#21path-intellisense" class="header-anchor"></a>21、Path Intellisense </h3><p>自动路径补全、默认不带这个功能</p> <h3 id="22project-manager"><a href="#22project-manager" class="header-anchor"></a>22、Project Manager </h3><p>多个项目之间快速切换的工具</p> <h3 id="23typings-auto-installer"><a href="#23typings-auto-installer" class="header-anchor"></a>23、Typings auto installer </h3><p>安装vscode 的代码提示依赖库，基于typtings的</p> <h3 id="24view-in-browser"><a href="#24view-in-browser" class="header-anchor"></a>24、View In Browser 　 </h3><p>默认浏览器查看HTML文件（快捷键Ctrl+F1可以修改）</p> <h3 id="25vscode-icons"><a href="#25vscode-icons" class="header-anchor"></a>25、Vscode-icons </h3><p>让vscode资源目录加上图标、必备</p> <h3 id="26vuehelper"><a href="#26vuehelper" class="header-anchor"></a>26、VueHelper </h3><p>Vue2代码段（包括Vue2 api、vue-router2、vuex2）</p> <h3 id="27vue-2-snippets"><a href="#27vue-2-snippets" class="header-anchor"></a>27、Vue 2 Snippets </h3><p>vue必备vue代码提示</p> <h3 id="28vue-color"><a href="#28vue-color" class="header-anchor"></a>28、Vue-color </h3><p>vue语法高亮主题</p> <h3 id="29auto-open-markdown-preview"><a href="#29auto-open-markdown-preview" class="header-anchor"></a>29、Auto-Open Markdown Preview </h3><p>markdown文件自动开启预览</p>