vs code配置js运行环境以及相关错误处理

一、在vscode中配置js环境
1.点击https://nodejs.org/en/download/,根据系统下载Nodejs .
vs code配置js运行环境以及相关错误处理_第1张图片
2、点击安装,安装地址随意,只要不在系统盘
vs code配置js运行环境以及相关错误处理_第2张图片vs code配置js运行环境以及相关错误处理_第3张图片
vs code配置js运行环境以及相关错误处理_第4张图片
安装完成即可!
3、测试安装是否成功
打开命令行
输入:node -vnpm -v ,并显示版本号代表安装成功。
vs code配置js运行环境以及相关错误处理_第5张图片
4、配置vs code
打开vs code,新建一个js文件。点击 扩展
vs code配置js运行环境以及相关错误处理_第6张图片
搜索 code runner,点击安装(我已经安装好了,所以没有安装按钮)
vs code配置js运行环境以及相关错误处理_第7张图片
右击js文件,点击Run code(如果没有可以重启一下软件)
vs code配置js运行环境以及相关错误处理_第8张图片
成功运行(如果运行结果是乱码 请看下面)
vs code配置js运行环境以及相关错误处理_第9张图片
二、运行乱码和报错
1、运行乱码
在这里插入图片描述
按Ctrl+Shift+P打开搜索框,输入settings.json 回车
vs code配置js运行环境以及相关错误处理_第10张图片
"code-runner.runInTerminal":true, "code-runner.executorMap":{ "python":"set PYTHONIOENCODING=utf8 && python ", "javascript": "F:\\WorkSoftwares\\NodeJs\\node.exe", }, 复制到指定位置,保存即可。
vs code配置js运行环境以及相关错误处理_第11张图片
运行js正常

2.弹出错误框 Can’t find Node.js binary “D:/***/node/nod.exe”: path does not ……runtimeExecutabl& in your launch.js
按Ctrl+Shift+p打开搜索框, 搜索 launch.json
在这里插入图片描述
编辑launch.json,将 "runtimeExecutable":"F:/WorkSoftwares/NodeJs/node.exe", 复制到文件中,根据实际情况更改node.exe路径。
vs code配置js运行环境以及相关错误处理_第12张图片
完成!

你可能感兴趣的:(javascript,前端,开发语言)