VS Code使用技巧(编辑,代码格式化,插件,调试)

一、基本编辑技巧

  1. 快速导航
    • 行跳转:使用Ctrl + G(Windows/Linux)或Command + G(Mac),然后输入行号,即可快速跳转到指定行。这在处理大型代码文件时非常有用,例如在一个有成百上千行代码的 Python 文件中,快速定位到特定的函数定义行。
    • 文件内符号导航:按下Ctrl + Shift + O(Windows/Linux)或Command + Shift + O(Mac),可以列出当前文件中的所有函数、类、变量等符号。通过输入符号名称的一部分,能快速定位到想要的符号定义位置。比如在一个 JavaScript 文件中,能快速找到特定的函数声明。
  2. 代码折叠
    • 可以通过点击代码编辑器左侧的折叠图标(小三角形)来折叠代码块。例如在一个 HTML 文件中,折叠一个包含多个子元素的<div>标签,让代码结构更清晰。也可以使用快捷键Ctrl + Shift + [(Windows/Linux)或Command + Shift + [(Mac)来折叠代码块,Ctrl + Shift + ](Windows/Linux)或Command + Shift + ](Mac)来展开代码块。
  3. 多光标操作
    • 添加光标:按住Alt键(Windows/Linux)或Option键(Mac),然后用鼠标点击想要添加光标的位置,就可以同时在多个位置进行编辑。例如,要同时修改多个相同变量名的地方,就可以使用这种方法。
    • 列选择模式:按住Shift + Alt(Windows/Linux)或Shift + Option(Mac),然后用鼠标拖动,可以进行列选择操作。这种模式适用于对代码块中某一列的内容进行统一编辑,比如在一个 CSV 文件或者格式化的数据表格代码中。

二、代码格式化与自动补全

  1. 代码格式化
    • VS Code 支持多种编程语言的代码格式化。对于大多数语言,可以通过安装对应的格式化插件来实现。以 Python 为例,安装python - format插件后,使用Shift + Alt + F(Windows/Linux)或Shift + Option + F(Mac)来格式化代码,让代码符合 PEP8 等风格指南。
  2. 自动补全
    • 它会根据代码的上下文和已有的变量、函数等信息自动提供补全建议。在输入代码时,会弹出一个列表显示可能的补全选项。比如在编写 JavaScript 代码时,当输入一个对象的名称后,按下.,它会自动显示该对象的属性和方法列表供用户选择补全。

三、插件使用

  1. 安装插件
    • 打开扩展视图(可以通过点击侧边栏的方块图标或者使用Ctrl + Shift + X(Windows/Linux)或Command + Shift + X(Mac)快捷键),在搜索框中输入插件名称,然后点击安装按钮。例如,安装Live Server插件可以在开发网页时实时预览页面效果。
  2. 推荐插件
    • Bracket Pair Colorizer:这个插件会给括号对(如()[]{})染上不同的颜色,方便查看代码的嵌套结构。在复杂的嵌套代码,比如多层嵌套的 JSON 数据或者函数调用链中,能清晰地分辨括号的匹配情况。
    • GitLens:如果您使用 Git 进行版本控制,GitLens 插件非常有用。它可以在代码编辑器中直接显示每行代码的 Git 提交信息,包括作者、提交时间和提交消息等。这有助于了解代码的变更历史。

四、调试支持

  1. 配置调试环境
    • 对于不同的编程语言,需要创建对应的调试配置文件。以 Python 为例,可以通过点击侧边栏的调试图标(虫子形状),然后选择Python环境,VS Code 会自动生成一个launch.json文件,在其中可以设置调试参数,如调试的入口点、参数等。
  2. 调试操作
    • 设置断点(在代码行号旁边点击即可添加断点)后,使用F5(Windows/Linux)或Command + Option + D(Mac)启动调试。在调试过程中,可以使用调试工具栏上的按钮来继续执行、单步进入、单步跳过、单步跳出等操作,方便查找代码中的错误。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

流着口水看上帝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值