sublime text3安装debugger插件对代码进行断点调试

适合新手的代码调试工具使用教程

背景

非技术人员,半小白,最近在玩python
因为sublime text3比较轻量,一直用这个
之前用的少,调试都是用print()来搞,非常麻烦
所以今天就想着搞个方便的工具,一劳永逸
主要参考 第3部分的51cto教程 + 搜索引擎 +chatgpt
折腾了好久,终于弄成功了。确实还挺好用的,不枉我花了半天时间。

完整版步骤

以下教程来自于chatgpt
在这里插入图片描述
注意:
配置文件中的 f i l e 和 {file}和 file{file_path}都要改成实际文件所在的绝对路径
如果是python3,python_path的值需要改成python3

判断debugger插件安装成功的方法

1、ctrl+shift+p 出现输入框之后,输入debugger,看是否有内容显示在这里插入图片描述
2、菜单栏里是否出现了这个选项卡
在这里插入图片描述
3、在行数上点击,会出现小红点,代表断点
在这里插入图片描述

安装成功后,怎么使用debugger

看这个教程https://blog.51cto.com/u_16213351/9411476
1、点击左侧代码行的数字,设置断点
2、运行(cmd+b 或者 菜单栏tools - debugger - start)

debugger窗口的主要功能

运行代码后,在下方区域出现内容

区域1:

上面部分我也不知道啥意思
下面的功能按钮(从左到右)

  • setting:设置
  • start:开始运行
  • stop:停止运行
  • continue:继续运行
  • step over:逐步调试。即运行下一行代码,并停止
  • step out:跳出当前函数,即让程序运行到当前函数结束的地方,然后暂停运行
  • step in:进入函数内部,逐步查看函数内部的执行过程

区域2:

运行的队列
我的代码比较简单,就 一个函数,所以两条队列:主要流程+函数

区域3:

各个变量的值
如果你想知道某变量的值,必须先完成该变量赋值,即运行完当前代码,step over到下一行之后,在这个区域才会显示该变量的值
在这里插入图片描述

  • 8
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 1. 打开Sublime Text 3,点击菜单栏中的“Preferences”(偏好设置)。 2. 选择“Package Control”(包管理器),点击“Install Package”(安装插件)。 3. 在搜索框中输入“Emmet”,选择“Emmet”插件进行安装。 4. 安装完成后,重启Sublime Text 3即可使用Emmet插件。 ### 回答2: Sublime Text3编辑器中的一种,是一个功能很强大的文本编辑器。它的使用方便,而且可以安装插件,让使用更加便捷。其中,Emmet是一个非常方便的插件,它能够允许用户更快速的编写HTML和CSS代码。现在,来介绍一下如何在Sublime Text3安装Emmet插件。 第一步:下载Package Control 在使用前首先要先安装Sublime Text3的Package Control,它可以帮助用户快速下载和安装Sublime Text3插件。我们可以从Sublime官网上安装,也可以在控制台中通过简单的代码完成。使用包管理器的好处就在于能够减轻用户手动安装插件带来的运行成本,提高工作效率。 第二步:安装Emmet 打开Package Control后,在搜索栏中输入Emmet,就可以找到该插件进行安装。当插件安装成功后,我们可以在编写HTML和CSS代码时更快速的编写,提高了工作效率。 第三步:设置快捷键 在Sublime Text3中,Emmet自带了很多快捷指令,不过还有很多没有设置,如果我们想要自己设置的话可以打开菜单。Preferences -> Key Bindings,将指令添加进去,然后保存即可,就可以享受Emmet插件带来的快捷方法了。这里需要注意,不要随意修改已经设置好的快捷键,否则可能会影响工作效率。 总的来说,Sublime Text3安装Emmet插件非常简单,只需要按照上面所述步骤执行即可。使用Emmet插件可以帮助我们更快速更高效地编辑HTML和CSS代码,提高编码效率。 ### 回答3: Sublime Text3 是一款非常优秀的文本编辑器,由于其特有的插件系统,可以通过安装各种各样的插件,来扩充其功能。其中,Emmet 插件是一款非常实用的插件,能够帮助我们快速生成 HTML 和 CSS 代码。下面,我将介绍如何在 Sublime Text3安装 Emmet 插件。 首先,需要先打开 Sublime Text3 编辑器。然后,按下 Ctrl + Shift + P,打开命令面板。在命令面板中输入 install package,然后回车。 接着,会出现一个列表,列出了所有可用的插件包。我们需要找到 Emmet 插件包,然后选中它并点击回车。插件包开始下载,下载完成后会自动安装安装完成后,我们需要开启 Emmet 插件。方法是按下 Ctrl + Shift + P,然后输入 Emmet: Enable Emmet,按下回车即可。这时候,Emmet 插件就已经成功安装了。 使用 Emmet 插件,可以通过简单的语法,来生成 HTML 和 CSS 代码。比如,我们可以通过输入div.container>ul>li*5,然后按下 Tab 键,就能自动生成包含一个容器和一个包含五个列表项的无序列表。这大大提高了我们的编码效率。 总之,Emmet 是一个非常实用的插件,能够帮助我们快速生成 HTML 和 CSS 代码。在 Sublime Text3安装它也非常简单,只需要按照上述步骤操作即可。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值