vscode调试HTML

使用 live-server

npm i -g live-server

注:最好还是把live-server安装成全局,这样在使用时整个项目就是一个站点。

Ctrl+` 进入命令行终端

打开帮助提示:live-server -h   

启动整个站点:live-server (可选参数)

时间: 2024-12-25 23:02:42

vscode调试HTML的相关文章

VSCode调试go

VSCode调试go语言出现:exec: "gcc": executable file not found in %PATH% 1.问题描述 由于安装VS15 Preview 5,搞的系统由重新安装一次:在用vscdoe编译go语言时,出现以下问题: # odbcexec: "gcc": executable file not found in %PATH%exit status 2 2.解决方案 2.1 mingw 64 MinGW分为较早开发的MinGW32和之

vscode 调试node.js

在开发的过程中,几乎不可能一次性就能写出毫无破绽的程序,断点调试代码是一个普遍的需求. 作为前端开发工程师,以往我们开发的JavaScript程序都运行在浏览器端,利用Chrome提供的开发者工具就可以方便的进行源码断点调试.其步骤有四,详情不表,粗略概括如下: 打开Chrome开发者工具: 点击进入Sources标签页,在页面的左侧就能看到JS代码的目录: 找到需要设置断点的源文件,在需要中断的哪行代码左侧单击鼠标左键,就可以设置断点,如果你的代码是uglify过的,则需导入相应的source

使用VSCode调试单个PHP文件

我的博客原文:https://wiki.feiffy.cc/Blog:使用VSCode调试单个PHP文件 突然发现是可以使用 VSCode 单个文件的,今天之前一直没有弄成功,还以为 VSCode 是不能调试单文件呢.这里记录一下今天这个"突然发现"的过程. 开始,是在看 <Modern PHP> 这本书,看到 ''Built-in HTTP Server'' 一节,自己测试了启动PHP内置服务器软件的命令:php -S localhost:4000,成功看到浏览器页面显示

vscode调试pomelo和pomelo使用vscode调试

使用vscode 通过端口remote attach进行调试 pomelo. 0. 网上好多调试pomelo的都是webstorm.或者vscode调试node的教程.但没找到vscode调试pomelo的. 1. node 环境 node 使用版本 v8.11.1 node 查看 调试参数 ==> node -h 找出调试相关 参数,如果你在阅读本文后调试不成功,看看是不是调试的参数不对 node inspect script.js [arguments] --inspect[=[host:]

win10下使用vscode调试python输出中文乱码的解决办法

今天在vscode中调试一个python脚本时发现中文乱码了,折腾了好一会儿才找到原因,记录一下. 很简单的一句代码测试一下: # -*- coding: utf-8 -*- print('乱码不?') 文件编码设置的也是utf-8,但是调试就是乱码,网上看大都是说设置PYTHONIOENCODING=UTF8的环境变量,尝试过发现还是不行. 其实问题在于windows下的cmd或者PS终端都是默认GBK编码,VSCODE调试时是调用的cmd的,如果把文件头和编码都改成GBK就不会乱码了,但是考

vscode调试html文件

1. vscode调试html文件 1.1. 使用Debugger for Chrome进行调试 1.1.1. 基于本地file配置方式调试 1.1.2. 基于服务端配置方式调试 1.1.2.1. 启动server端 1.1.2.2. 配置vscode 1.2. 使用Nodejs配置调试 1.3. 参考 1. vscode调试html文件 主要说明使用使用Debugger for Chrome插件如何配置,以及Nodejs的方式调试. 本文的配置方式是基于deepin系统的,适用于所有debia

使用VSCode调试RN项目

1.安装VSCode(安装就不说了),为什么用它,最重要的一点,他免费啊,对于码农的我们,这就是刚需. 2.插件安装: a.点击下图1,进入扩展搜索界面,搜索debugger for chrome插件,安装,刷新. b.添加配置--点击1,然后点击2,如下图 然后,会出现如下界面,一定要选中方框里面的环境,记得保存,你的配置栏就会发生变化 接下来先运行attach to packger,然后开启degug模式,一切完成之后你就可以console.log('控制台输出数据')或进行断点调试,断点仅

使用vscode调试小段的typescript代码

最近在学习typescript.学习 嘛,当然免不了各种练习,试错.那么使用vscode就可以很方便的做到. 首先是安装node.js.我们知道,node.js提供了js脱离浏览器的执行平台.node.js可以在官网下到,安装的时候下一步下一步就可以了. 使用node.js的npm包管理工具安装插件.打开cmd输入一下命令安装全局插件(全局插件好像电脑上任何文件夹都可以访问,不过局部安装可以用tsconfig文件灵活的控制使用插件版本): npm install -g ts-node npm i

vscode调试golang环境搭建及配置

准备VSCode 在官网下载最新版的VSCode: 安装Golang插件 打开扩展面板 VSCode->查看->扩展 找到Go插件 在搜索框里输入Go, 找到第二行写有 Rich Go language support for Visual Studio Code的插件, 点击安装 注意不是排名最高的 重启编辑器 配置启动项 打开调试面板 VSCode->查看->调试 添加调试目标 在"没有调试"的下拉框中点击"添加配置.." 添加目标调试配

vscode 调试 TypeScript

安装 typescript 依赖 npm install typescript --save-dev 目录结构: 添加 tsconfig.json 主要是将 sourceMap 设置为true. { "compilerOptions": { "module": "commonjs", "target": "es5", "noImplicitAny": true, "outDir