VSCode 常用快捷键和常用插件及通用设置

https://code.visualstudio.com/docs?start=true

一、常用快捷键:参考:https://blog.csdn.net/liwan09/article/details/81775753

Ctrl+K+S:显示并搜索键盘快捷键;

Ctrl+Shift+Tab:导航编辑器组历史纪录;

Alt+ ← / →:导航后退/前进;

Ctrl+Shift+:跳转到匹配的括号;

Ctrl+↑ / ↓:上下滚动行(光标不动);

Ctrl + :拆分编辑器;

Alt+PgUp / PgDn:上下翻页;

alt+up/down: 移动行;

alt + shift + up/down:复制当前行;

alt + shift + right:选择一块代码;

shift + ctrl + k:删除当前行;

ctrl + ~:控制台终端显示/隐藏;

双击变量,Ctrl + F2:变量替换;

Shift + F12:显示引用;

Ctrl + Del:删除当前光标之后的内容;

Ctrl + + 或者 - :字体放大或缩小;

Ctrl+K+0: 折叠所有区域;

Ctrl+K+J:展开所有区域;

ctrl + F:当前文件替换;

ctrl + H:当前文件替换;

ctrl + shift + h:全局替换;

ctrl + shift + t:重新打开关闭的页面;

Ctrl+Shift+O:转到函数;

ctrl + r:打开最近打开的文件;

Ctrl+Shift+N:新窗口;

Ctrl+Shift+W:关闭窗口;

ctrl + shift + c:打开新的命令窗;

Shift + Alt + F:代码格式化;

Shift + Alt + A 或者 /**   :块注释;

Ctrl + B:显示/隐藏左面板;

Ctrl + ~:显示/隐藏命令行;

Ctrl + ~:显示/隐藏命令行;

Ctrl + Shift + F:在左边面板中搜索;

ctrl + shift + g:显示git面板;

Ctrl + Shift + P:显示命令面板;

Ctrl + P:搜索某个文件;

Ctrl+[, Ctrl+]:代码行缩进;

Ctrl + Shift + [,Ctrl + Shift + ]:折叠展开代码块;

Ctrl + K + [, Ctrl + k + ]:折叠展开所有子区域;

ctrl + , :打开用户设置;

按Ctrl+Shift+[使代码折叠后按下鼠标左键拖动选择代码块 或者 Shift + 鼠标左键:选中代码块;

二、常用插件

PHP Debug 用于在程序中打断点检测:PHP Debug

PHP的高级自动完成和重构支持:PHP IntelliSense

中文简体语言包:Chinese (Simplified) Language Pack for Visual Studio Code

markdown样式检查:markdownlint

设置书签:Bookmarks

复制JSON,粘贴为GO,TypeScript,C,C,C++, Javascript等:Paste JSON as Code

在编辑器中显示 import/require的包大小:Import Cost

SVG查看器:SVG Viewer 

更好的注释:Better Comments

文件路径提示:Path Autocomplete

class名智能提示:IntelliSense for CSS class names in HTML

自动重命名配对的HTML / XML标签:Auto Rename Tag

代码格式化插件:Beautify

保存文件自动刷新浏览器(Hit (alt+L, alt+O) to Open the Server and (alt+L, alt+C) to Stop the server):Live Server

html在默认浏览器中打开(Alt + B):open in browser

Chrome浏览器js调试插件:Debugger for Chrome

在TypeScript和JavaScript文件中自动生成详细的JSDoc注释(Ctrl+Alt+D and again Ctrl+Alt+D):Document This

Vue语法高亮:Vetur

Vue ctrl+左键 跳转函数:vue-helper

.env语法高亮显示:DotENV

Vue的代码块提示:Vue 2 Snippets 和 Vue VSCode Snippets

使用颜色标识匹配的括号:Bracket Pair Colorizer 2

ES6语法智能提示,以及快速输入:JavaScript (ES6) code snippets

px 转 rem(默认16) :cssrem

VS Code文件图标(安装好后需要配置:文件=>首先项=>文件图标主题=>选中VSCode Icons):vscode-icons

Element-UI的VS Code包(Ctrl + Win + Z):vscode-element-helper

状态栏显示文件的大小:filesize

允许您在 Gist 中保存用户设置,扩展名和快捷键绑定,以便您可以在几分钟内设置新的 VSCode(1. Upload Key : Shift + Alt + U;2. Download Key : Shift + Alt + D):Settings Sync

支持微信小程序标签、属性的智能补全,并且提示中包含文档内容(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets):minapp

三、首选项通用配置(Ctrl + ,)

“editor.tabSize”: 2, 

“editor.fontSize”: 14,   // 字体 

“vetur.format.defaultFormatter.html”: 'prettyhtml',   // Vetur在vue中对template区域的格式化(默认是 prettyhtml ,如果选择 prettier,虽然会和 npm run lint 的格式保持一致,有时候会影响到 script 和 style 按照 html 语法解析的问题)

“editor.formatOnSave”: true,   // 保存时自动格式化代码

"terminal.integrated.shell.windows": "C:\Program Files\Git\bin\bash.exe",  //更改powershell终端为git bash

“emmet.triggerExpansionOnTab”: true,   // 按Tab键,展开Emmet缩写

原文地址:https://www.cnblogs.com/heroljy/p/9779438.html