当前位置:首页 > 机动车 >

vscode在代码界面如何直接运行(vscode怎么运行代码)

来源:原点资讯(www.yd166.com)时间:2023-12-21 19:16:55作者:YD166手机阅读>>

分享有趣实用的小工具

Code Runner 是一个非常实用的 VS Code 扩展,它可以让你轻松运行代码片段和代码文件。只需要按下 Ctrl/Cmd Alt N,Code Runner 就会编译运行你的代码,并将结果显示在“输出”窗口中。

vscode在代码界面如何直接运行,vscode怎么运行代码(1)

你是否在开发中常有以下烦恼

调试效率一直是开发者最关心的话题,在编码过程中经常遇到以下问题:

  1. 频繁切换环境:要编译运行代码,需要切出 VS Code,打开终端窗口,进入代码目录下执行编译命令,然后再回到 VS Code 继续编码。这种频繁切换编辑器和终端的行为,严重打断了开发流程,降低了效率。
  2. 编译过程繁琐:有些语言如 C 和 Java,运行代码之前需要进行编译,这需要开发者手动编译,而编译过程可能会出现各种错误,处理起来过于繁琐,影响开发进度。
  3. 调试不方便:运行代码之后,如果出现 bug 需要调试,还需要从编辑器切出到终端进行调试,无法一站式完成编写代码到调试的全流程,Debug 效率不高。
  4. 语言支持有限:终端工具本身只支持某些语言的编译运行,但对其他语言支持不友好,这给部分语言的开发者带来不便。
  5. 跨平台问题:不同操作系统的终端工具体验差异较大,这会给跨平台开发的开发者造成使用障碍。
Code Runner 的设计理念

Code Runner 这个工具存在的主要目的是为了提高开发者的编码效率,加速编写 - 运行 - 调试的循环,最终实现更快速的开发过程。它具有以下几个设计理念:

  1. 快速反馈:在编写代码的同时可以快速看到运行结果,无需手动编译运行。这可以让开发者得以快速调试和修复 bug,大大加快开发迭代。
  2. 支持主流语言:支持大多数开发者每天使用的语言,如 JavaScript、python、Java、C 等,覆盖面广。
  3. 简单易用:Code Runner 不需要复杂的配置就可以运行,这降低了使用难度,让开发者可以马上上手并得到效果。
  4. 高可定制性:虽然简单易用,但 Code Runner 也提供了丰富的定制选项,让高级用户可以根据自己的需求调整运行环境等设置。
  5. 无需离开编辑器:在 VS Code 这个编辑器中一站式完成代码编写、运行、调试、查看结果的流程,不需要频繁地切换到终端窗口,这提高了开发流程的连贯性。
  6. 跨平台:作为一款 VS Code 插件,Code Runner 同样支持 Windows、Mac和 Linux 平台,适用性更广。
具体用法
  • 运行代码:使用快捷方式Ctrl Alt N或按F1然后选择/键入Run Code,或右键单击文本编辑器,然后单击Run Code编辑器上下文菜单或单击Run Code编辑器标题菜单中的按钮或单击Run Code文件资源管理器上下文菜单中的按钮
  • 要停止正在运行的代码:使用快捷方式Ctrl Alt M或按F1然后选择/输入Stop Code Run或单击Stop Code Run编辑器标题菜单中的按钮或右键单击输出通道,然后单击Stop Code Run上下文菜单
  • 要选择要运行的语言,请使用快捷方式Ctrl Alt J,或按F1然后选择/输入Run By Language,然后输入或选择要运行的语言:例如php, javascript, bat, shellscript...
  • 要运行自定义命令,请使用快捷方式Ctrl Alt K,或按F1然后选择/键入Run Custom Command
案例演示

vscode在代码界面如何直接运行,vscode怎么运行代码(2)

场景:我们需要开发一个简单的 Python 脚本来打印出 1 到 100 之间的素数。

步骤:1. 在 VS Code 中打开一个新的 Python 文件,输入以下代码:

python for n in range(2, 101): is_prime = True for i in range(2, n): if n % i == 0: is_prime = False break if is_prime: print(n, "是素数")

步骤:2. 按 Ctrl/Cmd Alt N 或右键点击代码选择“Run Code”来运行该 Python 脚本

步骤:3. 代码运行后,输出结果会显示在“输出”窗口中:

2 是素数 3 是素数 5 是素数 7 是素数 11 是素数 ...... 97 是素数

步骤:4. 如果脚本有错误,会显示错误信息和错误所在行号,我们可以直接点击跳转到对应位置修复错误,然后再次运行。

步骤:5. 可以在“输出”窗口直接输入 Python 命令并运行,也可以在窗口中选中内容按 Ctrl/Cmd Enter 执行。6. 还可以设置断点进行调试,单步执行来检查变量的值和程序执行流程。通过这个示例,我们可以看到使用 Code Runner 可以极大简化 Python 脚本的编写、运行、调试流程,提供了一站式的开发体验,这也是它成为开发者必备工具的原因。类似的流程也适用于 JavaScript、Java、C 等语言的开发,Code Runner 为多语言提供了高效便捷的运行和调试环境。

小结

Code Runner 是一个非常实用的 VS Code 扩展,它可以极大提高开发者的编码效率和体验。通过本文,我们了解到: Code Runner 工具用于解决什么问题,如何快速地使用 Code Runner,以及一个具体的演示案例展示了极简化代码的开发过程,提高效率。

我强烈鼓励每位开发者安装和使用 Code Runner。它是在 VS Code 中编程的良好助手,将节省你大量时间,让你更专注于编码本身。如果在使用 Code Runner 过程中遇到问题,欢迎在评论区交流。我们可以相互帮助,解决使用问题。无论你是啥语言的开发者,Code Runner 都将成为你的必备工具之一。去插件市场下载安装后,相信你会立刻爱上它带来的高效流畅的开发体验。提高编码效率从现在开始!

,

栏目热文

vscode代码怎么写(vscode如何运行代码步骤)

vscode代码怎么写(vscode如何运行代码步骤)

作为开发人员,我们每天大部分时间都在电脑屏幕前编写代码。眼睛疲劳(也称为视疲劳)可能是一个严重的问题,在默认的 VSCo...

2023-12-21 19:19:59查看全文 >>

vscode无法运行代码(vscode运行不了代码怎么回事)

vscode无法运行代码(vscode运行不了代码怎么回事)

之所以出现这个错误,原因是PowerShell执行策略的问题。解决方案如下:1.用管理员身份打开VSCode2.在终端中...

2023-12-21 18:53:32查看全文 >>

vscode怎么运行项目(vscode怎么运行程序)

vscode怎么运行项目(vscode怎么运行程序)

在之前发过的文章中,我提到了用vsCode作为众多编程语言的编辑器是一种非常爽的事情,可最近遇到了一个问题,令我觉得很不...

2023-12-21 19:08:33查看全文 >>

vscode代码查找替换(vscode批量替换代码)

vscode代码查找替换(vscode批量替换代码)

在VSCode中,正则表达式替换是非常实用的工具。替换连续重复行,在搜索框中输入:^(.*)(\n\1) $,则替换框中...

2023-12-21 19:07:07查看全文 >>

vscode怎么输入代码(vscode怎么调试代码)

vscode怎么输入代码(vscode怎么调试代码)

前言终于找到买iPad的理由了。今日前端早读课文章由@xiong投稿分享。@xiong,深圳最大夜场高级前端工程师,喜欢...

2023-12-21 19:29:46查看全文 >>

什么发型看上去精神(哪种发型显精神)

什么发型看上去精神(哪种发型显精神)

既然你我相遇,那就是缘分,关注时尚,关注发型,关注刘丽丽都说“换个发型,换个心情”,发型的重要性不言而喻,一款适合自己的...

2023-12-21 18:50:35查看全文 >>

什么样的发型显得个高(怎样的发型显高)

什么样的发型显得个高(怎样的发型显高)

每个人的审美取向或者是长相都是不一致的,她们在发丝的长短方面,也有属于自己的考量。有些女性留长发更好看,更容易突出她们优...

2023-12-21 18:58:08查看全文 >>

什么样发型显个高(什么发型显高又显个高)

什么样发型显个高(什么发型显高又显个高)

现在的人容貌焦虑还是太严重了,很多女生甚至容不了身上、脸上有一点缺陷,在这样的基础下,审美标准也有了很多限定词,比如高颅...

2023-12-21 19:17:04查看全文 >>

摩托车离合器太紧坏处(摩托车离合器调紧了会怎么样)

摩托车离合器太紧坏处(摩托车离合器调紧了会怎么样)

摩托车用离合器控制车速对车辆有影响吗?我是骑士分享。这个话题对于新手会比较有用,而老司机直接可以在评论区聊聊心得。因为新...

2023-12-21 19:10:48查看全文 >>

摩托车离合手柄处太松(摩托车离合手把很松怎么办)

摩托车离合手柄处太松(摩托车离合手把很松怎么办)

怎么使用和保养摩托车离合器寿命更长?朋友们来看看,这离合器手柄松完了车子都不走。摩托车离合器怎样使用和保养才寿命更长?今...

2023-12-21 19:20:25查看全文 >>

文档排行