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 :
1
目录:1、云服务器怎么和汽车相连2、进销存软件哪个好用?云服务器怎么和汽车相连 连接方法如下: 1、手机上下载BMW云端互联APP。用AP...