vscode有哪些快捷键(vscode快捷键运行代码)

1.软文推荐

2.软文推荐

3.软文推荐

目录： 1、VSCode常用快捷键 2、vscode插件快捷键点击是另一个软件 3、vscode注释快捷键 4、VSCode使用技巧 5、【前端开发工具-代码编辑器-VSCode】常用快捷键 VSCode常用快捷键

Ctrl + D 依次找出当前选中词

Ctrl + Shift + L 找出所有当前选中词

Shift + Alt + 上下 快速复制一行

Ctrl + H 打开替换搜索框

Ctrl + G 输入行号，跳转到行

Ctrl + Alt + 上下 添加多行光标，一起输入 //实测快捷键冲突

Alt + Shift + 拖鼠标 选择区块

Alt + Shift + 左右 选中

Ctrl + Shift + 左右

Ctrl + 左右 光标跳词

Home/End 光标定位行首末vscode插件快捷键点击是另一个软件

，希望可以帮助各位码农锋利自己的武器。

快捷键器篇

窗口文件相关快捷键

新建文件

Ctrl+N

文件之间切换贴

Ctrl+Tab

打开一个新的VS Code编辑器

Ctrl+Shift+N

关闭当前窗口

Ctrl+W

关闭当前的VS Code编辑器

Ctrl+Shift+W

切出一个新的编辑器窗口（最多3个)

Ctrl+

切换左中右3个编辑器窗口的快捷键

Ctrl+1 Ctrl+2 Ctrl+3

全屏显示

F11

放大或缩小(以编辑器左上角为基准)

Ctrl +/-

侧边栏显示或隐藏

Ctrl+B

显示 Debug

Ctrl+Shift+D

显示 Output

Ctrl+Shift+U

搬砖相关快捷键

复制

Ctrl+C

剪切

Ctrl+X

粘贴

Ctrl+V

代码行向左或向右缩进

Ctrl+[ 、 Ctrl+]

代码格式化

Shift+Alt+F

向上或向下移动一行

Alt+Up 或 Alt+Down

向上或向下复制一行

Shift+Alt+Up 或 Shift+Alt+Down

在当前行下方插入一行

Ctrl+Enter

在当前行上方插入一行

Ctrl+Shift+Enter

移动到行首

Home

移动到行尾

End

移动到文件结尾

Ctrl+End

移动到文件开头

Ctrl+Home

选择从光标到行尾的内容

Shift+End

选择从光标到行首的内容

Shift+Home

删除光标右侧的所有内容(当前行)

Ctrl+Delete

删除当前行

ctrl+shift+k

下一个匹配的也被选中

Ctrl+D

回退上一个光标操作

Ctrl+U

可能有的小伙伴会说，这快捷键也太多了吧，但是这仅仅是冰山一角。不过各位小伙伴也不要慌张，vscode同样也提供了非常人性化的自定义快捷键功能。那到底怎么自定义尼？下面奉上一张宝图，大家就一目了然了。

看到这里，可能很多小伙伴会有疑惑，为什么我的编辑器是中文的，而你的是英文尼？这就和我们接下来要说的常用插件有关了。带我慢慢道来。

插件篇

编辑器常用插件

Chinese (Simplified) Language Pack for Visual Studio Code

安装这个插件就可以把编译器原始的英文界面更改为中文界面了。

background

编码搬砖的过程，无疑是相当枯燥乏味的，但是如果加上这样的小姐姐尼？是不是一下就不枯燥了？

答案是肯定的。也很幸运的有background这个插件，安装之后会有一个默认的背景图片，如图所示：

这个时候，我们可以在修改设置中搜索background修改设置json文件，如下所示：

修改代码奉上：

{

“background.useDefault”: false,

“background.style”: {

“content”:"’’",

“pointer-events”:“none”,

“position”:“absolute”,//图片位置

“width”:“100%”,

“height”:“100%”,

“z-index”:“99999”,

“background.repeat”:“no-repeat”,

“background-size”:“100%,100%”,//图片大小

“opacity”:0.2 //透明度

},

“background.customImages”: [//此处配置自己对应的背景图

“”

],

}

Rainbow Fart

背景图片有了，那么能不能也有声音尼？我可以肯定的告诉你，可以。只需要安装Rainbow Fart这个插件，然后启动这个插件就可以在编码的过程中，出现小姐姐的声音了。启动方法如下：

在vscode软件中使用ctrl+shift+p 打开命令面板，复制Enable Rainbow Fart 后回车，右下方弹出的提示后点击open按钮，或直接访问（ ）,在弹出的页面点击授权，如下图所示：

授权成功之后，就可以愉快的编码了。

1

2

3

open in browser

在浏览器中打开页面

Live Server

以服务器的方式打开页面

搬砖常用插件

Auto Close Tag

标签自动闭合

Auto Rename Tag

开始标签和结束标签自动进行同步

Bracket Pair Colorizer

会已不同颜色和横线显示括号的范围

HTML Snippets

快速的生成html标签

JS-CSS-HTML Formatter

代码格式化

Color Info

颜色提示插件，只需要将鼠标放在颜色值上悬停，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息啦。

jQuery Code Snippets

jQuery自动提示

Path Autocomplete

路径自动补齐

ESLint

检测JS必备

Html Css Support

在标签新增class的时候会提示之前写过的class

Beautify / Beautify css/sass/scss/less

样式格式化（两个的区别还没感受出来）

Vetur

更多内容请见原文，原文转载自：

分类: 前端

标签: vscode常用插件快捷键, 前端

好文要顶 关注我 收藏该文  

忘川信使

粉丝 - 0 关注 - 0

+加关注

00

» 下一篇： 面试宝典带你走向人生巅峰

posted @ 2022-03-28 16:33 忘川信使 阅读(324) 评论(0) 编辑 收藏 举报

vscode注释快捷键

vscode注释快捷键如下：

1、单行注释

ctrl+/或先按ctrl+K，再按ctrl+U。

2、取消单行注释

Ctrl+/或先按ctrl+U，再按ctrl+K。

3、块注释

Alt+shift+A。

vscode是一个运行于MacOSX、Windows和Linux之上的，针对于编写现代Web和云应用的跨平台源代码编辑器软件。

vscode支持的语言

该编辑器支持多种语言和文件格式的编写，截止2019年9月，已经支持了如下37种语言或文件：F#、HandleBars、Markdown、Python、Jade、PHP、Haxe、Ruby、Sass、Rust、PowerShell、Groovy、R、Makefile、HTML、JSON。

TypeScript、Batch、VisualBasic、Swift、Less、SQL、XML、Lua、Go、C++、Ini、Razor、Clojure、C#、Objective-C、CSS、JavaScript、Perl、CoffeeScript、Java、Dockerfile。

VSCode使用技巧

VSCode所有的快捷键，都可以进行自定义，只需要通过 设置-键盘快捷键方式-搜索快捷键-双击键入自定义快捷方式 进行设定。以下是一些常用的快捷方式和本人的习惯偏好，仅供参考：

前进：control + =

后退：control + -

向上移动行：command + ↑

向下移动行：command + ↓

command + shift + T

command + shift + F

打开/关闭默认终端窗口：command + J

新建终端窗口：control + shift + `

移动到开头：command + ←

移动到末尾：command + →

向左移动一个单词/符号：option + ←

向右移动一个单词/符号：option + →

安装 Material Theme 插件，可选多种主题

【前端开发工具-代码编辑器-VSCode】常用快捷键

打开命令面板：F1 或 Ctrl+Shift+P，在打开的输入框内，可以输入任何命令，例如：

在 Ctrl+P 下输入

查找替换 Ctrl+F

查找 Ctrl+F

查找替换 Ctrl+H

整个文件夹中查找 Ctrl+Shift+F

打开默认键盘快捷方式设置： File - Preferences - Keyboard Shortcuts ，或者： Alt+F - p - k

修改 keybindings.json ：