vscode前端开发快捷键

本文详细列举了Visual Studio Code(VSCode)中常用且高效的快捷键操作,包括移动行、复制和删除行、代码格式化、搜索文件、显示隐藏侧边栏、控制台切换以及Git操作等,旨在提升开发者的工作效率。
摘要由CSDN通过智能技术生成

注释:shift+alt+a或者ctrl+k,ctrl+c或者ctrl+/

移动行:alt+up/down

显示/隐藏左侧目录栏:ctrl+b

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

复制当前行进剪切板:ctrl+c,粘贴使用ctrl+v

删除当前行:shift+alt+k

剪切当前行:ctrl+x

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

查找文件/安装vs code 插件地址:ctrl + p

代码格式化:shift + alt +f

新建一个窗口 : ctrl + shift + n

行减少缩进: ctrl + [

行增加缩进: ctrl + ]

字体放大/缩小: ctrl + ( + 或 - )

拆分编辑器 : ctrl+1/2/3

切换全屏 : F11

显示git : ctrl + shift + g

显示相关插件的命令(如:git log):ctrl + shift + p

快速切换主题:ctrl + k / ctrl + t

全局替换:ctrl + shift + h

当前文件替换:ctrl + h或者ctrl+f
 

有好用快捷键欢迎评论补充

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode(Visual Studio Code)是一款由微软开发的开源编辑器,功能强大且高度自定义,非常适合前端开发。配置VSCode前端开发环境主要包括以下几个步骤: ### 安装基础插件 1. **安装Node.js**: 首先,你需要安装Node.js,因为它包含了npm(Node包管理器),用于管理和安装各种前端开发相关的Node模块。 2. **安装VSCode**:从官网下载适合你的操作系统的VSCode版本并完成安装。 3. **添加常用插件**:为了提高开发效率,你可以通过命令面板 (`Ctrl+Shift+P` 或 `Cmd+Shift+P`) 添加插件。推荐的一些插件包括: - **ESLint**:用于运行JavaScript静态代码检查,帮助你在编写代码的同时避免一些常见的错误。 - **Live Server**:自动启动浏览器预览模式,让你无需每次保存文件都要手动打开浏览器刷新页面查看结果。 - **HTML Snippets**:提供HTML代码片段快速插入,节省编码时间。 - **JavaScript (ES6) code snippets**:提供JavaScript的代码片段。 - **Bracket Pair Colorizer**:显示匹配的括号颜色以增强对齐感。 可以在VSCode市场搜索上述插件并点击“Install”进行安装。 ### 设置编辑器偏好 1. **配置`.vscode`目录**:在项目根目录下创建 `.vscode` 目录,并在此目录内存放设置文件如 `launch.json`, `tasks.json`, 和 `.editorconfig`. 2. **全局设置**:在用户级别的`.vscode/settings.json`文件中可以添加更广泛的配置选项。例如,设置代码风格、字体大小等。 3. **特定项目的设置**:对于某个特定项目,在其根目录下的`.vscode/settings.json`文件中进行个性化设置。 4. **快捷键绑定**:VSCode支持自定义快捷键。在`settings.json` 文件中加入快捷键映射项进行个性化设置。 ### 自动化构建和任务 - 使用`tasks.json`文件定义自动化构建任务,比如将JavaScript转译成ES5、运行测试、打包压缩资源等。 - 通过`launch.json`文件设置开发服务器的启动脚本以及调试配置,使得在开发过程中能直接通过VSCode启动服务器和开始调试。 ### 整合Git 如果你需要版本控制,可以利用VSCode内置的Git集成功能,方便地进行代码提交、拉取更新等操作。 ### 开始前端开发 配置完成后,你就可以在VSCode中高效地进行前端开发了。利用上述插件和设置,编写、修改、调试前端代码将变得更加顺畅。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值