第二篇:前端VSCode常用快捷键-以及常用技巧

继续书接上一回, 我们讲解了常用的vscode 插件。

vscode 常用的插件地址: 前端VSCode常用插件-CSDN博客

本篇文章,主要介绍vscode常用的快捷键,可以提高我们的开发效率。

一、VSCode常用的快捷键

注意,其实这个快捷键都是可以自定义的,为了防止自定义快捷键和默认冲突我,我们先熟悉默认的,后期熟悉可以自定义更改。

1. 快速复制一行

快捷键:shift+alt+ 下箭头(上箭头) 或者 ctrl+c 然后 ctrl+v

2. 选定多个相同的单词

快捷键: ctrl + d

先双击选定一个单词,然后按下 ctrl + d 可以往下依次选择相同的单词。 这样同时修改相同的单词就非常方便

3. 添加多个光标

快捷键: Ctrl + Alt + 上箭头(下箭头)

4. 全局替换某写单词

当我们一个页面需要修改大量相同的文字的时候,我们一个的修改超级麻烦,此时我们可以使用全局替换

快捷键:ctrl + h 注意选择全部替换即可

5. 快速定位到某一行

当我们页面比较长的时候,上下滚动页面布方便,其实我们可以利用快捷键,快速的调到指定的行数上。

快捷键: ctrl + g

6. 选择某个区块

可以选择一个区块进行操作

快捷键: 按住shift + alt 然后拖动鼠标

7. 放大缩小整个编辑器界面

快捷键: ctrl + + / - ctrl + 加号或者减号

8. 自定义快捷键

有些快捷键,我们使用不习惯,其实我们可以自定义快捷键的。

比如js 的多行注释是 shift + alt + a ,我们想修改为 ctrl + shfit + /

设置方法: 管理按钮 --- 键盘快捷方式 --- 输入 shift + alt + a 找到这个快捷键 ----- 点击编辑按钮 ---- 直接按下 ctrl + shift + / ---- 最后按下回车 修改完毕。

好了,这里只是介绍几个常用的快捷键,有兴趣的可以参照下哦。

相关推荐
北冥有羽Victoria1 分钟前
OpenCLI 操作网页 从0到1完整实操指南
vscode·爬虫·python·github·api·ai编程·opencli
酒鼎9 分钟前
学习笔记(12-02)事件循环 - 实战案例 —⭐
前端·javascript
Bigger14 分钟前
第一章:我是如何剖析 Claude Code 整体架构与启动流程的
前端·aigc·claude
克里斯蒂亚诺更新17 分钟前
myeclipse和tomcat的使用
ide·tomcat·myeclipse
竹林81820 分钟前
从“连接失败”到丝滑登录:我用 ethers.js v6 搞定 MetaMask 钱包连接的全过程
前端·javascript
Ar-Sr-Na23 分钟前
STM32现代化AI开发指南-VSCode环境配置(macOS)
c语言·人工智能·vscode·stm32·嵌入式硬件·硬件工程
oi..24 分钟前
《Web 安全入门|XSS 漏洞原理、CSP 策略与 HttpOnly 防护实践》
前端·网络·测试工具·安全·web安全·xss
UXbot33 分钟前
2026年AI全链路产品开发工具对比:5款从创意到上线一站式平台深度解析
前端·ui·kotlin·软件构建·swift·原型模式
一拳不是超人43 分钟前
前端工程师也要懂的服务器部署知识:从 Nginx 到 CI/CD
服务器·前端
AlkaidSTART1 小时前
TanStack Query 技术指南:异步状态管理核心实践
前端·react.js