vscode如何配置js运行环境-VSCode-PHP中文网

首页

开发工具

VSCode

vscode如何配置js运行环境

王林

Dec 14, 2019 pm 05:31 PM

jsvscode运行环境配置

vscode如何配置js运行环境

VSCode界面很简洁安装完之后所有的功能都一目了然，我们需要安装插件可以点击如图的工具和语言：

安装以下两个插件如图：（你也可以选择其他这里只是示例）

我们要调试一个js，需要创建一个html文档里面添加js方法,简单创建个文件，可以直接拖到编译器上，内容如下：

<html>    
    <body>
        <script>windows.alert(&#39;Hello World&#39;)</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中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

Visual Studio与代码：探索功能和功能Apr 15, 2025 am 12:05 AM

VisualStudio适合大型项目和全功能需求，而VSCode则适用于需要轻量级和灵活性的开发。 1.VisualStudio提供全面的IDE功能，支持多种语言和高级项目管理。 2.VSCode以轻量级和扩展性着称，适用于跨平台开发和个性化配置。

Visual Studio与VS代码：哪个对您的项目更好？Apr 14, 2025 am 12:03 AM

VisualStudio适合大型项目和需要强大调试功能的开发场景，而VSCode则适合需要灵活性和跨平台开发的场景。 VisualStudio提供全面的开发环境，支持.NET开发，集成了调试工具和项目管理功能；VSCode以轻量和扩展性着称，支持多种编程语言，通过插件系统增强功能，适用于现代开发流程。

Visual Studio：探索定价和许可选项Apr 13, 2025 am 12:03 AM

VisualStudio提供三种版本：Community免费版适用于个人和小型团队，Professional付费版适合专业开发者和中小型团队，Enterprise旗舰版面向大型企业和复杂项目。

Visual Studio的价值：权衡成本与其收益Apr 12, 2025 am 12:06 AM

VisualStudio在.NET开发中价值高，因其功能强大且全面。尽管成本和资源消耗较高，但其带来的效率提升和开发体验改善显着。对于个人开发者和小型团队，Community版是理想选择；大型企业则适合Professional或Enterprise版。

Visual Studio的可用性：哪些版本是免费的？Apr 10, 2025 am 09:44 AM

VisualStudio的免费版本包括VisualStudioCommunity和VisualStudioCode。1.VisualStudioCommunity适用于个人开发者、开源项目和小型团队，功能强大，适合个人项目和学习编程。2.VisualStudioCode是一个轻量级的代码编辑器，支持多种编程语言和扩展，启动速度快，资源占用少，适合需要灵活性和可扩展性的开发者。

如何为Windows 8安装Visual Studio？Apr 09, 2025 am 12:19 AM

在Windows8上安装VisualStudio的步骤如下：1.从微软官方网站下载VisualStudioCommunity2019安装包。2.运行安装程序并选择所需组件。3.完成安装后即可使用。注意选择与Windows8兼容的组件，并确保有足够的磁盘空间和管理员权限。

我的计算机可以运行与代码吗？Apr 08, 2025 am 12:16 AM

VSCode可以在大多数现代电脑上运行，只要满足基本系统要求：1.操作系统：Windows7及以上，macOS10.9及以上，Linux；2.处理器：1.6GHz或更快；3.内存：至少2GBRAM（推荐4GB或更高）；4.存储空间：至少200MB可用空间。通过优化设置和减少扩展使用，可以在低配置电脑上获得流畅的使用体验。