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

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

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

2、配置文件,从左到右依次点击红圈中的按钮,然后出现launch.json文件,在里面添加配置信息
image

3、配置好之后,选择调试方式,如图所示,点击下拉箭头会有之前配置好的名称,这里是“使用本机chrom调试”
image

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

二 开启本地服务器

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

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

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

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

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

目录
相关文章
|
5月前
|
安全 Java 持续交付
Java本地远程服务器debug调试
Java本地远程服务器debug调试
121 0
|
4月前
|
移动开发 前端开发 JavaScript
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
|
6月前
|
网络协议 Ubuntu 网络安全
使用VScode SSH公网远程连接本地服务器开发【无公网IP内网穿透】
使用VScode SSH公网远程连接本地服务器开发【无公网IP内网穿透】
|
6月前
|
网络协议 Ubuntu Linux
VSCode使用Remote SSH远程连接Linux服务器【远程开发】
VSCode使用Remote SSH远程连接Linux服务器【远程开发】
|
1月前
|
网络协议 Ubuntu Linux
「远程开发」VSCode使用SSH远程linux服务器 - 公网远程连接
「远程开发」VSCode使用SSH远程linux服务器 - 公网远程连接
114 0
|
2月前
|
Java Linux 网络安全
vscode 远程服务器 java 无法跳转
【2月更文挑战第4天】
|
4月前
|
编译器 网络安全 数据安全/隐私保护
Trinitycore学习之在vscode查看远端服务器上源码配置
Trinitycore学习之在vscode查看远端服务器上源码配置
137 0
|
4月前
|
监控 IDE Java
工作四年,我学会了用 Idea本地调试线上服务器代码
工作四年,我学会了用 Idea本地调试线上服务器代码
53 0
工作四年,我学会了用 Idea本地调试线上服务器代码
|
4月前
|
IDE Linux 网络安全
使用vscode远程连接服务器或虚拟机进行编码
使用vscode远程连接服务器或虚拟机进行编码
223 0
|
5月前
|
数据安全/隐私保护
vscode访问和编辑远程服务器文件
vscode访问和编辑远程服务器文件

热门文章

最新文章