vscode如何配置js运行环境
VSCode界面很简洁安装完之后所有的功能都一目了然，我们需要安装插件可以点击如图的工具和语言：
安装以下两个插件如图：（你也可以选择其他这里只是示例）
我们要调试一个js，需要创建一个html文档里面添加js方法,简单创建个文件，可以直接拖到编译器上，内容如下：
<html>
<body>
<script>windows.alert('Hello World')</script>
</body>
</html>文件放到编译器之后，我们按下F5会有一个弹出框提示我们使用什么环境，因为我们还没创建所以选择more按钮添加插件能让我们进行调试：
进入扩展商店列表我们可以选择Debugger for Chrome插件进行安装，安装完后我们需要重启环境才会生效，或者点击重新加载：
安装完之后再次按下F5时就可以看到Chrome了，选择之后编译器会在当前html文件同目录下创建一个.vscod文件夹里面有一个launch.json的配置文件，同时在编译器显示出来：
接下来本来是需要配置IIS的，但是目前处于学习阶段，后面也不是为了学习web，所以我们就不去配置什么本机的IIS服务了，可以直接在url对应的值填上路径，不知道路径是什么可以先自己用浏览器打开，直接复制浏览器的地址到 url对应的值里面如下：
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "file:///C:/Users/xfdg/Desktop/jsCode/helloworld.html",
"webRoot": "${workspaceRoot}"
}
]}做好这些以后按下F5我们会发现已经可以正常运行啦，可以安心学习我们的js基础知识了：
相关文章教程推荐：vscode教程
以上是vscode如何配置js运行环境的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
vscode怎么查看word文档 vscode查看word文档的方法
May 09, 2024 am 09:37 AM
首先，在电脑上打开vscode软件，点击左边的【Extension】(扩展)图标，如图中①所示然后，在扩展界面的搜索框中输入【officeviewer】，如图中②所示接着，从搜索结果中选择【officeviewer】安装，如图中③所示最后，打开文件，如docx,pdf等，如下图
加州理工华人用AI颠覆数学证明！提速5倍震惊陶哲轩，80%数学步骤全自动化
Apr 23, 2024 pm 03:01 PM
LeanCopilot，让陶哲轩等众多数学家赞不绝口的这个形式化数学工具，又有超强进化了？就在刚刚，加州理工教授AnimaAnandkumar宣布，团队发布了LeanCopilot论文的扩展版本，并且更新了代码库。图片论文地址：https://arxiv.org/pdf/2404.12534.pdf最新实验表明，这个Copilot工具，可以自动化80%以上的数学证明步骤了！这个纪录，比以前的基线aesop还要好2.3倍。并且，和以前一样，它在MIT许可下是开源的。图片他是一位华人小哥宋沛洋，他是
vscode工作区怎么添加文件 vscode工作区添加文件的方法
May 09, 2024 am 09:43 AM
1.首先，打开vscode软件，点击资源管理器图标，找到工作区窗口2.然后，点击左上角的文件菜单，找到将文件夹添加到工作区选项3.最后，在本地磁盘中找到文件夹位置，点击添加按钮即可
vscode怎么开启后台更新 vscode开启后台更新方法
May 09, 2024 am 09:52 AM
1.首先，打开界面后，点击左上角的文件菜单2.随后，在首选项栏目中点击设置按钮3.接着，在跳转的设置页面中，找到更新板块4.最后，鼠标点击勾选启用在Windows上后台下载和安装新的VSCode版本按钮，并重启程序即可
vscode怎么禁止wsl配置文件 vscode禁止wsl配置文件方法
May 09, 2024 am 10:30 AM
1.首先，打开设置菜单中的settings选项2.随后，在跳转的commonlyused页面中找到terminal栏目3.最后，在该栏目右侧取消勾选usewslprofiles按钮即可
VScode怎么设置动画平滑插入 VScode设置动画平滑插入教程
May 09, 2024 am 09:49 AM
1.首先，打开界面后，点击工作区界面2.然后，在打开的编辑面板中，点击文件菜单3.随后，点击首选项栏目下的设置按钮4.最后，鼠标点击勾选CursorSmoothCaretAnimation按钮，保存设置即可
Vscode怎么打开工作区信任权限 Vscode打开工作区信任权限方法
May 09, 2024 am 10:34 AM
1.首先，打开编辑窗口后，点击左下角的配置图标2.随后，在打开的子菜单中点击管理工作区信任按钮3.接着，在编辑窗口中找到该页面4.最后，根据自己的办公需求勾选相关指令即可
Vscode怎么打开动画 Vscode打开动画的方法介绍
May 09, 2024 am 10:28 AM
1.首先，点击打开更多菜单中的settings选项2.然后，找到Features板块下的terminal栏目3.最后，在栏目右侧，用鼠标点击勾选enableanimation按钮以后，保存设置即可
