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

.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

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缩写

VSCode 常用快捷键和常用插件及通用设置的更多相关文章

  1. Sublime Text 常用快捷键和优秀插件

    SublimeText3常用快捷键和优秀插件 SublimeText是前端的一个神器,以其精简和可DIY而让广大fans疯狂.好吧不吹了直入正题 -_-!! 首先是安装,如果你有什么软件管家的话搜一下 ...

  2. SublimeText3常用快捷键和优秀插件

    SublimeText3常用快捷键和优秀插件 SublimeText是前端的一个神器,以其精简和可DIY而让广大fans疯狂.好吧不吹了直入正题 -_-!! 首先是安装,如果你有什么软件管家的话搜一下 ...

  3. SublimeText3常用快捷键和优秀插件(亲测)

    SublimeText3常用快捷键和优秀插件 SublimeText是前端的一个神器,以其精简和可DIY而让广大fans疯狂.好吧不吹了直入正题 -_-!! 首先是安装,如果你有什么软件管家的话搜一下 ...

  4. Android Studio 常用快捷键及常用设置

    Android Studio 常用快捷键及常用设置 一.常用快捷键 快捷键 描述 Ctrl + Alt + L 格式化代码 Ctrl + ( +/- ) 展开/折叠 代码块 Ctrl + Shift ...

  5. VSCode之快捷键和常用插件

    前言 介绍一下我在VSCode中常用的一些快捷方式: ctrl+上下箭头 上下滚动页面 Ctrl+Shift+K 删除某一行 Alt+ ↑ / ↓ 移动某一行 Shift+Alt + ↓ / ↑ 复制 ...

  6. sublime text 3 常用快捷键 、常用插件

    常用快捷键 查找( Ctrl + P ) 找到任何东西 - :+行号   定位到具体的行 - @+符号  js的函数名, css的选择器名 - #+关键字  定位到特定的关键字 命令面板 (Ctrl ...

  7. Eclipse 常用快捷键——IDEA 常用快捷键

    Eclipse 常用快捷键 熟练 单选注释 ctrl + / 多行注释 ctrl + shift + / 向下复制一行 (Duplicate Lines) ctrl+alt+down 删除一行或选中行 ...

  8. 电脑常用快捷键及常用的DOS命令

    电脑常用快捷键 Ctrl+C:复制 Ctrl+V:粘贴 Ctrl+A:全选 Ctrl+X:剪切 Ctrl+Z:撤销 Ctrl+S:保存 Alt+F4:关闭窗口 Shift+delete:永久删除 Wi ...

  9. SublimeText3常用快捷键和优秀插件(转载)

    SublimeText是前端的一个神器,以其精简和可DIY而让广大fans疯狂.好吧不吹了直入正题 -_-!! 首先是安装,如果你有什么软件管家的话搜一下就好,一键安装.然后,有钱的土豪就自己买个吧, ...

随机推荐

  1. Odoo13 新功能:委外

    [ADD] mrp_subcontracting In a few words, it allows to send components to a subcontractor partner and ...

  2. 如何使用thymeleaf显示控制传递过来的数据

    实例 <p th:text="'Hello, ' + ${name} + '!'" /> name为要显示的参数名

  3. vue 解决jsonp跨域

    在Vue中使用jsonp 参考链接:https://blog.csdn.net/m0_38134431/article/details/87930647 在vue中使用vue-jsonp 参考链接:h ...

  4. JS获取URL地址

    var url = window.location.href;

  5. 待解决问题 jscore 与 node.js jsbridge

    jscore 与 node.js  jsbridge https://juejin.im/post/5b395eb96fb9a00e556123ef

  6. MyBatis 源码篇-DataSource

    本章介绍 MyBatis 提供的数据源模块,为后面与 Spring 集成做铺垫,从以下三点出发: 描述 MyBatis 数据源模块的类图结构: MyBatis 是如何集成第三方数据源组件的: Pool ...

  7. 怎样写一个 "Hello, World!"

    第一步: 打开浏览器, 按 F12 键或 Ctrl + Shift + J.   注意:  1. 打开的这个界面是浏览器的开发者工具界面. 2. 顶部有许多Tab栏, 如: Elements / Co ...

  8. javaIO——CharArrayReader & CharArrayWriter

    上一篇学习了StringReader和StringWriter,CharArrayReader和CharArrayWriter的实现跟他们很像,拥有的方法也基本一样.区别只是,后者两个的数据操作目标是 ...

  9. JDialog

    JDialog继承Dialog,Dialog继承Window,所以可以用setLocationRelativeTo(Component c)来实现Dialog的显示,当c为空时,直接显示在屏幕前,为组 ...

  10. Vue-img-preload

    预加载页面上的图片资源,提高用户体验 效果预览 使用方法 下载vue-img-preload插件 npm install vue-img-preload 配置参数 eachLoaded(functio ...