在vs code中进行本地调试和开启本地服务器

在vs code中进行本地调试和开启本地服务器在vs code中进行本地调试和开启本地服务器

大家好,又见面了,我是你们的朋友全栈君。

一 在vs code中进行本地调试
1、首先在VSCode 上装一个插件:Debugger for Chrome ,如下图所示:在搜索框中输入Debugger for Chrome 然后点击安装

2、配置文件,从左到右依次点击红圈中的按钮,然后出现launch.json文件,在里面添加配置信息
3、配置好之后,选择调试方式,如图所示,点击下拉箭头会有之前配置好的名称,这里是“使用本机chrom调试”

4、选择好名称之后,直接按F5,就会弹出浏览器界面,就可以进行调试了
image
以上配置还没有开启服务器,上面的操作相当于直接在浏览器中打开界面

二 开启本地服务器

1、打开VS Code,然后点击“查看” => “调试控制台” 或者 直接按快捷键 ctrl+shift+y调出控制面板

2、点击“终端”,在里面直接输入 npm install -g live-server 全局安装live-server
npm install -g live-server

3、安装完成后会出现live-server的版本信息,表示安装成功

4、在终端输入:live-server会出现下面的信息

然后直接在浏览器弹出的界面,选中运行的文件

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/106437.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 无人机指挥系统中标价_云睿智能无人机

    无人机指挥系统中标价_云睿智能无人机为什么大规模数字孪生很重要?Geopipe数据如何独特地使开发人员能够构建创新的空间产品?犹他大学的一个跨学科团队为无人机系统(UnmannedAerialSystems,UAS)…

    2022年8月15日
  • Clion2022.01 激活码【2022最新】

    (Clion2022.01 激活码)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

    2022年4月1日
  • kong 简明介绍「建议收藏」

    kong 简明介绍「建议收藏」kong1、WhatareServicesandRoutes?1.1AddaService1.2AddaRoutekong官方文档:https://docs.konghq.com/getting-started-guide/2.4.x/overview/1、WhatareServicesandRoutes?在KongGateway中,Service是表示外部上游API或微服务的实体——例如,数据转换微服务、计费API等。Service的主要属性是它的U

    2022年6月26日
  • Activity工作流:流程创建总结

    Activity工作流:流程创建总结Activiti工作流的应用示例1、新建流程模型模型管理->模型工作区点击“创建”后会立即跳转到“流程在线设计器”页面,请参考下一节2、在线流程设计器模型管理->模型工作区->编辑3、设置流程属性l名称:流程定义名称l描述信息:流程定义描述l流程标识:流程定义KEY,对应procDefKey,用来标识一个流程4、拖拽元素介…

    2022年5月23日
  • 全网最硬核解读计算机启动原理

    全网最硬核解读计算机启动原理

    2020年11月20日
  • QGIS 3.10 路径分析

    QGIS 3.10 路径分析网络数据集(networks)的创建、管理和可视化是GIS的重要组成部分。公路、铁路、管线等公用基础设施都可以建模为由线和节点组成的带有属性信息的网络数据。本教程将学习如何对路网进行建模,如何运用样式对路网属性可视化,同时通过QGIS3.10内置的路径分析工具找出两点之间的最短路径。任务概述通过华盛顿地区道路中心线图层,建立路网并查找城市中任意两点之间的最短路径。将会学到的其他技巧使用数据定义覆盖(datadefinedoverrides),根据线的方向对齐箭头符号。获取示范数据本教程

    2022年8月24日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号