实现js程序在vscode控制台输出的方法(看完方便多了)

这篇具有很好参考价值的文章主要介绍了实现js程序在vscode控制台输出的方法(看完方便多了)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

当我们想要写一段js代码时,我们可能会在vscode中新建一个html文件,然后再script标签下去编写js代码,完了之后我们想要看看js打印输出的效果,还会通过浏览器的 F12 去查看输出结果。好麻烦呀~

如何解决呢?

我们可以在vscode中安装一个插件 code runner

vscode怎么在控制台输出,❤️❤️--Javascript,✿✿--海纳百川,javascript,vscode,前端,js在vscode控制台输出

 然后在设置中找到 setting.json,在里面添加一段代码

 "code-runner.defaultLanguage": "javascript",

vscode怎么在控制台输出,❤️❤️--Javascript,✿✿--海纳百川,javascript,vscode,前端,js在vscode控制台输出

 然后重启vscode之后,假如我们想运行下面的test.js文件

vscode怎么在控制台输出,❤️❤️--Javascript,✿✿--海纳百川,javascript,vscode,前端,js在vscode控制台输出

 有两种方式可以运行:

方式一:通过命令运行,node  +文件全路径地址 ,回车就好了

vscode怎么在控制台输出,❤️❤️--Javascript,✿✿--海纳百川,javascript,vscode,前端,js在vscode控制台输出

 方式二:通过右上角运行按钮直接运行

vscode怎么在控制台输出,❤️❤️--Javascript,✿✿--海纳百川,javascript,vscode,前端,js在vscode控制台输出

 可以看到,方式二明显方便多了。这样再也不用去浏览器运行js代码了,提升开发效率vscode怎么在控制台输出,❤️❤️--Javascript,✿✿--海纳百川,javascript,vscode,前端,js在vscode控制台输出文章来源地址https://www.toymoban.com/news/detail-810977.html

到了这里,关于实现js程序在vscode控制台输出的方法(看完方便多了)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • idea在控制台输出debug日志方法

    idea在控制台输出debug日志方法

    控制台输出效果如图 方法如下 1.在pom.xml文件中添加如下坐标 2.如果如下报错 则在main/resource下添加log4j.properties文件

    2024年02月20日
    浏览(34)
  • 控制台输出vue实例

    控制台输出vue实例

    控制台输出vue实例的两种方法: 在这里我想介绍一下在控制台输出vue实例的两种方法,我觉得其中一种不管是vue框架还是其他框架都是适用的, 我就不说是哪种方法了 大家都可以试一遍: 1、前后端分离的项目中,如果挂载的id名是app,我们可以在控制台中这么打印获取: 2、

    2024年02月10日
    浏览(31)
  • idea-控制台输出乱码问题

    idea-控制台输出乱码问题

    现象描述: 今天在进行IDEA开发WEB工程调式的时候控制台日志输出了乱码,如下截图 其实开发者大多都知道乱码是 编码不一致导致的,但是有时候就是不知到哪些地方不一致,今天我碰到的情况可能和你的不相同 解决方案 : 点击help = edit custom vm options 打开这个文件 末尾追

    2024年02月16日
    浏览(60)
  • springboot日志使用 SLF4J+Logback 实现(springboot默认的日志实现),日志打印到控制台及日志输出到指定文件

    还是直接上代码 @Slf4j 这玩意 默认支持 不用引入 yml 配置文件 下面分享 xml 方式 在 资源目录下创建 logback-spring.xml 粘贴走 即可 重启 看控制台变化 还有磁盘 有没有写入 坑 : 我在创建的时候 发现 xml 没有生效 排查了半天 发现 在创建 logback-spring.xml 这个文件的时候 我不是手

    2024年04月22日
    浏览(36)
  • eclipse 控制台输出中文乱码【全面解决】

    eclipse 控制台输出中文乱码【全面解决】

    前言:之前看到一篇文章介绍的方法只能修改单个文件,后来找到一个能彻底解决的文章但是看到的人不多,所以我也想着帮忙传播一下更高效的方法,让更多人少走弯路。 1. Window    Preferences 2.General  Workspace Text file encoding 3.选择Other:  然后自己输入 gbk  4.Apply and Close   

    2024年02月11日
    浏览(34)
  • VSCode:终端控制台常用指令

    以下是一些在 Visual Studio Code 终端控制台中常用的指令: 1.清除终端: 2.列出当前目录中的文件和文件夹: 3.切换到指定目录:: 4.返回上一级目录: 5.创建新文件夹: 6.创建新文件: 7.打开文件: 8.删除文件: 9.删除文件夹: 10.复制文件或文件夹: 11.移动文件或文件夹:

    2024年02月06日
    浏览(6)
  • Tomcat输出控制台中文乱码问题彻底解决

    Tomcat输出控制台中文乱码问题彻底解决

    目录 文章目录 前言 一、为什么会出现乱码 二、怎么处理乱码问题 1.修改注册表 2.脚步更改配置 三、修改后检查执行 总结         随着互联网的不断发展,软件部署这门技术也越来越重要,很多人在使用Tomcat部署web应用的过程中都遇过诸多的问题,本文就介绍了处理Tomca

    2024年02月08日
    浏览(35)
  • C# 在控制台整齐的输出 DataTable

    C# 在控制台整齐的输出 DataTable

    效果: 在 Winform 平台,可以用 DataGridView 这样的控件来显示数据库的表单数据,但在 C# 控制台项目中,如果有用到数据库查询,我们想看看查询语句的效果,就比较困难了,比如,我随意写了一个控制台输出,代码如下: 效果: 在 Navicat 16 for MySQL 软件中的查询结果 由于没

    2024年02月12日
    浏览(36)
  • 关于Tomcat控制台输出乱码的若干问题

    关于Tomcat控制台输出乱码的若干问题

    ​ 在学习Maven、Tomcat的过程中,发现会在不同的地方出现中文乱码,原本以为是某个设置没有正确,所以,出现乱码。后来发现,需要在不同的地方来进行调整,才能保证Tomcat在控制台的输出,以及Maven过程在参数传递过程中都不会出现乱码。第一次写文章,不怎么会写,大

    2024年02月09日
    浏览(55)
  • 【DEVOPS】Jenkins使用问题 - 控制台输出乱码

    【DEVOPS】Jenkins使用问题 - 控制台输出乱码

    部门内部对于Jenkins的使用采取的是Master + Slave Work Node的方式,即作为Master节点的Jenkins只负责任务调度,具体的操作由对应的Slave Work Node去执行。 最近团队成员反馈一个问题:一个Linux系统的Slave Work Node的编译日志输出中,中文部分均为乱码(如下图),这造成问题排查效率

    2024年02月11日
    浏览(78)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包