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

最新推荐文章于 2024-06-17 08:36:56 发布
最新推荐文章于 2024-06-17 08:36:56 发布
阅读量5.3k 收藏 10
点赞数 2
分类专栏： ❤️❤️--Javascript ✿✿--海纳百川 文章标签： javascript vscode 前端 js在vscode控制台输出
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41579104/article/details/130006957
版权
通过安装VSCode的Coderunner插件，可以直接在编辑器内运行JS代码，无需借助HTML和浏览器。只需配置默认语言为JavaScript，即可通过命令行或右上角运行按钮便捷执行JS文件，显著提高开发效率。
摘要由CSDN通过智能技术生成

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

如何解决呢？

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

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

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

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

 有两种方式可以运行：

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

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

 可以看到，方式二明显方便多了。这样再也不用去浏览器运行js代码了，提升开发效率

suoh's Blog
关注
  • 2
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
VSCODE 使用调制控制台输出
weixin_43323607的博客
07-05 9474
1、vscode之前一直是使用调制控制台输出，突然变成终端输出，想改回原来设置 2、经过各种百度，确定的更改位置应该是在这个文件launch.json中，但是能够百度到的打开方式我都找不到（因为太菜了），所以自己在vs安装文件夹中先搜索到该文件，路径如下 3、在vs里打开路径，忽略提示什么都没有的信息，你会看到出现了launch.json 4、修改文件，尝试之前很多的修改项，都提示错误，就瞎试了个关键字console，然后用混乱的英语选中了一个，对了！第二个图是成功后按原操作打开的，竟然出现了
vscode debug skills
eaglelau的专栏
10-30 3461
vscode debug hex array display hex TDM-GCC WinLibs gdb gcc
【调试技巧】使用VSCODE配合nodejs，在终端输出彩色日志
最新发布
godmial的博客
06-17 240
3.下载，解压nodePort，并记住XXXXXX\nodePort\index.ts的位置。2.可用的话先切换国内镜像，然后下载ts-node，不然速度会很慢。4.这时直接使用会报错，如“在此系统上禁止运行脚本”，使用cmd配合npm下载ts-node。有问题记得发评论告知。首先下载安装NODEJS。1.查询npm是否可用。
【配置vscode编写c或c++程序，并在外部控制台输出程序和解决中文乱码问题！！！】
相关项目可以查看https://gitee.com/fan-pl或https://github.com/fpl1116
10-09 6233
配置vscode编写c或c++程序，并在外部控制台输出程序和解决中文乱码问题！！！
vs code控制终端乱码解决方案
byll1024的博客
06-07 192
查看==》命令面板==》在setting.json里面加上一句："code-runner.runInTerminal":true。在run后出现这种情况：'php' �����ڲ����ⲿ���Ҳ���ǿ����еij��� ���������ļ���。解决了，前提是你一定要设置环境变量。其他语言也是类似的。
在vscode中调试js怎么默认输出到 “调试控制台”？
听海边涛声
04-30 165
在vscode中调试js怎么默认输出到 “调试控制台”？
vscode 将输出到调试控制台
Python领域优质萌新创作者
07-07 1711
适用python、java环境。
VScode默认输出到调试控制台如何调整到终端以及两者中的乱码问题
森明帮大于黑虎帮的博客
07-24 1万+
`vscode`配置中默认每次调试默认的配置是从终端输出，但这种方式输出的结果中，有很多我们并不需要的系统信息，而在调试控制台里只有简洁的我们想要的那部分信息。 要想默认输出到调试控制台，只需将`launch.json中console`一项的配置改为`internalConsole`即可。 `console`有效的三种配置： - `internalConsole`：内部控制台。 - `integratedTerminal`:内部终端。 - `externalTerminal`:外部终端。......
【配置vscode编写python代码并输出到外部控制台】
相关项目可以查看https://gitee.com/fan-pl或https://github.com/fpl1116
10-09 1281
配置vscode编写python代码并输出到外部控制台
【JavaScript】解决华为机试代码在ide调试无法结束控制台输入问题
Limol_lcy的博客
05-26 1435
前言 在做华为机试的时候，代码模板用的是nodejs的标准输入process.stdin和输出process.stdon。在实现循环输入时，代码复制到本地ide调试会出现在控制台用尽方法都无法结束输入，导致调试失败。因为是mac电脑，window的ctrl+z或者ctrl+d都无效。 一、为什么？ 先来看看华为的输入输出模板： process.stdin.resume(); proc
vscode 切换开发者工具_VSCode插件开发全攻略（六）开发调试技巧
weixin_39569051的博客
12-19 1135
前言在介绍完一些比较简单的内容点之后，我觉得有必要先和大家介绍一些开发中遇到的一些细节问题以及技巧，特别是后面一章节将要介绍WebView的知识，这个坑会比较多，避免大家走弯路。开发方式最理想的方式是准备双显示器，一个写代码，一个运行插件，实践证明这种方式开发效率会提升很多，每次修改完代码之后直接Ctrl+R重新加载即可，非常方便。日志查看就我目前遇到的情况来看，vscode日志主要有这5种：旧窗...
小程序-云开发-开发者工具 VS 云控制台
itclanCoder
11-17 2904
虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊撰文| 川川VX-ID:suibichuanji文章内容不够看,等等..点击文末左下方阅读原文,可看视频学习 前言由于微信小程序是寄生在微信app内的,虽然与网页开发有些相似,但是又有些不同的需要申请独立的邮箱,去微信公众平台上注册小程序,拿到appId,下...
ubuntu配置vscode全过程（下载安装配置优化插件）
A's World
01-21 3209
ubuntu配置vscode详细教程！下载安装配置优化！
如何在 vscode 中快速直接打印输出 JavaScript node.js coderunner
YanRian的博客
11-04 461
vscode 插件 code runner。安装 node.js。
【VScode】使用VScode内置的调试控制台来调试JS
前端博客典中典
03-02 4298
使用VScode内置的调试控制台来调试JS
前端新手，记一次VScode中输出javascript的方式
weixin_48743512的博客
11-27 2608
简单记录一下： 在html文件中引入了js文件，所以javascript在js文件中写： 想要看输出结果，一般只能在浏览器端查看： 但是每次都这样看，确实是有点麻烦，所以想能不能console.log输出的东西在vscode中也能看到，按照其他回答尝试下载code runner插件，并在js文件中写好代码，右键运行run code，结果。。。。： ‘node’ 乱码~ 解决方法： ①在vscode中下载code runner插件，并在settings.json文件中修改如下： ②上node.js官网下
【配置vscode编写Java代码和输出在外部控制台】
相关项目可以查看https://gitee.com/fan-pl或https://github.com/fpl1116
10-09 1348
【代码】【配置vscode编写Java代码和输出在外部控制台】
在vscode运行js 输出会合并_前端系列——JS的运行与输出
weixin_39661129的博客
11-03 423
问题：JS如何被运行？JS运行后如何输出结果？回答：1——解答：JS的运行有两种方式，第一种是把代码放到浏览器中，让浏览器内核来渲染解析；第二种是基于NODE，NODE也是一种基于V8引擎的渲染和解析JS的工具。2——解答：JS运行输出结果的方式一共有6中，我们逐一来看：a. alert();在浏览器中通过弹框的方式输出，但注意通过alert输出的结果都会转换成字符串形式的，把值(如果是表达式会先...
vscode默认输出到调试控制台
热门推荐
weixin_43721146的博客
07-09 2万+
vscode配置中默认每次调试默认的配置是从终端输出，但这种方式输出的结果中，有很多我们并不需要的系统信息，而在调试控制台里只有简洁的我们想要的那部分信息。 要想默认输出到调试控制台，只需将launch.json中console一项的配置改为internalConsole即可。 console有效的三种配置： internalConsole：内部控制台 integratedTerminal:内部终...
vscode控制台输出乱码
08-20
你好！对于在VS Code中控制台输出乱码的问题，有几个可能的解决方法： 1. 确保你的代码文件保存的编码格式与你的操作系统一致。在VS Code中可以点击右下角的编码格式选择框来检查并修改文件的编码格式。 2. 如果你使用的是非英文字符，尝试在代码文件的开头添加如下注释，指定文件的编码格式为UTF-8： ```python # -*- coding: utf-8 -*- ``` 3. 检查你的终端（命令行）的默认编码设置。可以尝试修改终端的默认编码格式为UTF-8。 对于Windows用户，可以在终端中输入以下命令来修改默认编码： ``` chcp 65001 ``` 对于Mac和Linux用户，可以在终端中使用以下命令来修改默认编码： ``` export LC_ALL=en_US.UTF-8 ``` 4. 如果你使用的是Python进行开发，可以在代码中添加以下语句来设置标准输出流（stdout）的编码格式为UTF-8： ```python import sys sys.stdout.reconfigure(encoding='utf-8') ``` 如果以上方法都无法解决问题，建议提供更详细的信息，可能还需要了解你的操作系统、编程语言和具体的代码内容。这样我才能更准确地帮助你解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

suoh's Blog

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

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

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

打赏作者

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

抵扣说明：

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

余额充值