首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

vs code中进行本地调试 1、首先在VSCode 上装一个插件:Debugger for Chrome ,如下图所示:搜索框输入Debugger for Chrome 然后点击安装 2、...” 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.cn/106437.html原文链接:https://javaforall.cn

1.8K10
您找到你想要的搜索结果了吗?
是的
没有找到

vs中文乱码怎么解决_visual studio code中文乱码

GBK的编码, 每次需要的时候只要在VSCode终端输入命令:chcp 65001, 切换代码页到使用UTF-8就可以解决中文代码的问题,只不过这种方法太麻烦了,每次进入终端都要输入命令,那有没有永久性解决的呢...永久性地修改为VSCode控制台代码页为65001: VSCode通过打开“文件”--“首选项”--“设置”, 然后setting.json设置, 把下面三行复制到里面: { "editor.fontSize...---- 2022-01-11更新 额,好久没更新了,今天刚好重新装VSCode又遇到了乱码,就更新一下。 最新的VSCode里面原有的配置文件的写法已经过时了,官网重新发布了最新的修改方式。...如下图,我们可以自定义许多终端配置,通过下拉列表选择: 具体配置示例如下: settings.json,可以使用 path或 source以及一组可选参数来创建配置文件。...原文链接:https://javaforall.cn

3.5K21

捷达vs5顶配配置_VS窗体教程

,下载成功了 将pip更新到最新版本(pip的典型应用是PYPI(Python Package Index)上安装Python第三方包) 控制台中输入以下命令 python -m pip install...打开Python文件夹 最干脆的办法:选中文件夹 > 鼠标右键 > 通过Code打开 如果VSCode没有注册到你的右键菜单,你就老老实实的打开VSCode > file > open folder...某一行代码的行号左边,单击以下,出现红色的圆点 二:初始化调试器 F5 或者 Run > Start Debugging 由于这是第一次调试此文件,因此将从“命令面板”打开一个配置菜单,...补充一点: VSCode,进行调试工作时,可以改用Logpoints代替常用的print快速检查变量。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/203625.html原文链接:https://javaforall.cn

75020

【转】vscode调试运行c#详细操作过程

7.cmd输入type也能查看文件文本内容: 注:输入 help 能查看cmd命令 ?...5.用vscode创建和运行: 1.创建个项目文件夹://这里我创建的是  c#vscode测试 2.打开vscode: 3.vscode打开这个文件夹: 快捷键:ctrl+k + ctrl+o ?...2.快捷键:ctrl+shifit+y 打开控制台 3.进入终端... ? 2.接下来的创建操作和上面cmd的一样: 敲入代码: dotnet new console 还原成功!!!...成功调试控制台打印出Hello world! ? 而在终端则显示一些生成信息: ? ..........完美运行!!!...新的程序都会生成win10-x64  里面 不过vscode还是调试之前的程序 netcoreapp2.1 里面的.dll程序 不会去调试 win10-x64 这个新路径的 建议是 确定程序完成 后最加上

8.5K40

Vscode笔记-24款插件

live server 前端神器,可以 vscode 预览编写的网页。...那么,有没有可能提供 GitHub 链接,直接在 VS Code 上查看 Repo 代码呢?...这个项目名为 github1s,它的使用方法非常简单,只需要在浏览器地址栏 GitHub 网址链接的「github 」后面添加 1s ,然后 Enter 键,即可在 VS Code 界面访问该项目的...打开当前文件夹 终端切换 左下角设置——>功能——>终端——>External:Windows Exec 配置好之后,打开终端,点击选择默认shell,选中后重新打开终端 cmdC:\Windows\System32...上传图片到图床 支持:剪贴板上传图像、资源管理器上传图像、输入框上传图像 搜索安装/或打开链接点击安装 picgo 首选项—>设置—>扩展—>找到 picgo 进行配置,具体参考文档 可参考 picgo

10.4K20

VS Code开发React-Native及Flutter 开启无线局域网安卓真机调试问题

有线调试确实带来诸多麻烦,因为调试过程需要频繁和手机进行交互,导致有时候数据线脱落,就不得不重新安装debug apk,安装一次应用的时间大概一到三分钟,大量的误触就使得花在安装应用花费的时间比较长...不要慌,问题不大,这表明debug apk已经安装上了,只是加载不了脚本,所以要在电脑上运行脚本服务器,让安卓电脑的端口动态获取脚本并执行(也就是hot reload热更新) vscode终端运行...指定的端口运行,然后浏览器打开该端口地址 ?...vscode控制台也可以看到访问日志和调试日志 ? 表示server正在运行,电脑端配置完毕,现在配置手机的debug setting 让手机连接到电脑的这个端口获取脚本。...运行成功了,日志输出在vscode控制台上面。

2.4K30

VsCode 各场景高级调试技巧,有用!

创建一个基本的node项目为Nodejs 打开左侧调试面板,选择你要调试的node项目名称,添加调试配置 image.png 选择调试的项目类型为Node.js image.png 打开生成的.vscode...补充知识点:调试服务器时打开一个URI 开发 Web 程序通常需要在 Web 浏览器打开特定 URL,以便在调试访问服务器代码。...按F5调试,会自动打开浏览器,且会在下图所示处中断,当继续执行后,浏览器才能看到输出了server的内容 image.png 终局:各场景调试实战 调试NodeJS项目 关于NodeJs项目的调试方法...的调试后,我们尝试调试html文件,并且html文件引入ts文件: 创建html,引入ts编译后的js文件 <!...补充:更进一步 VS调试React app文档[5] VS调试Next.js文档[6] 更多...[7] 其他技巧 技巧一:代码片段(snippets) 扩展商店安装snippets @category

1.1K20

分享 10 多条超有用的 VsCode 各场景高级调试技巧

创建一个基本的node项目为Nodejs 打开左侧调试面板,选择你要调试的node项目名称,添加调试配置 image.png 选择调试的项目类型为Node.js image.png 打开生成的.vscode...补充知识点:调试服务器时打开一个URI 开发 Web 程序通常需要在 Web 浏览器打开特定 URL,以便在调试访问服务器代码。...按F5调试,会自动打开浏览器,且会在下图所示处中断,当继续执行后,浏览器才能看到输出了server的内容 image.png 终局:各场景调试实战 调试NodeJS项目 关于NodeJs项目的调试方法...的调试后,我们尝试调试html文件,并且html文件引入ts文件: 创建html,引入ts编译后的js文件 <!...补充:更进一步 VS调试React app文档[5] VS调试Next.js文档[6] 更多...[7] 其他技巧 技巧一:代码片段(snippets) 扩展商店安装snippets @category

1.7K40

VS Code 调试完全攻略(4):launch.json 和调试控制台

一些更强大的调试功能仅在专用的配置文件可用。这次我们要创建一个 launch.json 和内置的 VSCode 调试控制台。本文将会解决我们调试复杂的程序之前的最后一个难题。 ?...VSCode打开我们的示例代码文件夹: ? 打开文件夹 launch.json VSCode 有着方便的用户界面,可以生成配置框架。...团队中共享可使所有成员得到方便的调试环境。 调试控制台 请注意调试控制台是怎样被自动打开的: ? 调试控制台打开 通过调试控制台,可以调试运行的程序上下文中去评估表达式。...使用调试控制台 如图所示,你可以输入局部变量(或函数)名,甚至有自动完成功能。 但是你并不会被局限程序本身的代码,还可以导入任何可用的模块: ?...原文链接 https://charlesagile.com/vscode-launch-json-and-the-debug-console

19.2K30

VSCode高效开发工作流配置指南

2.1 最基础的LayaAir工作流(面向VSCode新手) 关于创建项目、打开项目(管理项目)、编译项目(F8)、运行调试项目(F6)、发布项目等都可以LayaAirIDE完成。...所以开发的时候,需要打开两个软件,写代码VSCode中进行,UI编辑与项目编译及运行调试LayaAirIDE中进行,两个软件,快速切换一下,即可完成一个编码到运行发布的完整工作流。...VSCode打开launch.json,鼠标悬停到launch.json的属性名称上,可以查看当前属性描述。...四、VSCode调LayaAir命令行工具 第三小节,仅仅是实现了VSCode的断点调试,编译与发布还是要切到LayaAirIDE中进行。...比如排除,发布配置等信息,需要发布一次后,才会更新保存到对应的平台json配置。如果对平台发布功能不熟悉的,可以打开之前提供的官网文档链接

2.2K30

前端学习的编辑器介绍

当然了,我主要是觉得这款编辑器特别适合新手,也就是刚入门的小伙伴,下载的链接传送门: https://www.dcloud.io/hbuilderx.html 。...下载链接传送门: https://code.visualstudio.com/ 。因为是国外的网站,所以打开的时候略慢。...不像IDE一样能够直接在浏览器打开html,而该插件支持快捷键与鼠标右键快速浏览器打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari...Control + Tab 打开下一个 Control + Shift + Tab 打开上一个 Command + K R 资源管理器查看当前文件 Command + K O 新窗口打开当前文件...Control + 显示终端 Control + Shift + 新建终端 Command + Shift + U 输出 Command + Shift + Y 调试控制台 ps:当然了,其实window

1.4K80

重磅|Vscode中使用RT-Thread Studio初体验

啦,接下来小飞哥就带大家一起来看看,RT-Thread工程vscode如何开发。...除此之外,工程设置还有很多选项,包括调试、下载等环境配置,按照提示填入相应路径即可 ? 点击构建工程 ?...上面提到的如果是基于芯片建立的工程,打开工程选项直接编译是不行的,那我们来看看,如果是直接打开工程,编译会出什么问题,编译会出现图片中的错误提示,关于解决办法,可以查看:https://club.rt-thread.org.../ask/question/431606.html ?...点击工程上的调试按钮,即可下载工程,可在终端查看调试过程的输出信息与下载相似,如果没有配置调试器路径,会自动跳转到调试器配置界面 ?

1.7K20

知乎分享:vscode入门到进阶

Ctrl+P:不同的文件跳转 Ctrl+Shift+Tab:在所有打开的文件中进行跳转 Ctrl+Shift+O:跳转到文件的Symbol Ctrl+T:搜索当前文件夹下的所有Symbol Ctrl...Tasks,将重复工作自动化 菜单,选择终端>Configure Task来配置。 选择终端>Run Task来运行重复工作。 这样可以不用在终端反复输入重复的命令。...,复杂的项目要进行调试的时候需要对launch.json进行配置,通过修改当前目录下.vscode/launch.json的对应内容,可以实现调试。...VSCode LeetCode:Offer收割利器 Visual Studio Live Share:极大方便协作编程,可以实时实现代码编辑、跟踪光标、团队调试、分享本地服务器、共享终端 Visual...Studio IntelliCode:AI赋能,根据上下文给出编程建议与智能提示 插件开发 设计 如何获取产品灵感:日常生活、github issues 参考其他浏览器/IDE的热门插件 确定目标用户

1.7K10

调试】258- 前端调试各种收集-断点篇

首先在浏览器页面按F12打开开发工具,点击Sources选项,默认显示的是Page标签。然后找到需要调试的源码文件。 如果是正常html页面,那么源码一般是在对应域名下面。...需要调试的那一行代码前加上console.log(666),然后运行一次,到控制台查看结果输出,点击右边的链接会自动跳转到源码,这样就可以直接断点了。 ?...这玩意我不少网站也见到有人用,不想让人家方便的查看到网站源码,一打开控制台就自动debugger。 ?...Chrome和VS Code调试Vue.js:此方法出处。这种方式使用VSCode的“Debugger for Chrome”扩展,推荐。...调试aspnetcore的NodeServices其中一种打开方式,这个可以VSCode进行调试调试器由VSCode提供,不会自动连接,有点麻烦,建议用下一种,方便。

2.3K30

30 个极大提高开发效率超级实用的 VSCode 插件

这样,你就可以任何你想要的设备访问你喜欢的 IDE,而不必新设备上普通 VSCode 环境中进行编程,也不必再次手动设置所有内容。...你可以在编辑器,选中代码对应的关键词,然后点击鼠标右键,在出现的菜单面板中选择 Search Online 菜单项,插件会自动帮你打开默认浏览器,并搜索对应的关键词和显示搜索结果。...你还可以选中对应的关键词后,使用快捷键去打开浏览器进行搜索。 Peacock 更改 VSCode 实例的颜色,非常实用。...Debugger For Chrome VSCode 调试你的 JS 代码,由 Microsoft 开发的Debugger for Chrome允许你 VSCode 调试你的 JS 代码。...Turbo Console Log 自动创建有意义的日志消息,该控制台显示日志\插件自动创建一个有意义的日志信息的过程。它使调试更容易,因为你将有一些有用的控制台输出来找出问题所在。

3.5K30

【腾讯云 Cloud Studio 实战训练营】云上编程永不宕机,彻底释放电脑物理内存

用户使用 Cloud Studio 时无需安装,随时随地打开浏览器就能在线编程 Cloud Studio 作为在线 IDE,包含代码高亮、自动补全、Git 集成、终端等IDE 的基础功能,同时支持实时调试...,且新建的工作空间神似 vscode,如下图: 5、运行飞机大战代码 ①、打开 plane_main.py,点击运行按钮,可以看到如下报错: ModuleNotFoundError: No module...Studio 工作空间运行的代码,最终都是相应的服务器容器执行。...bash /usr/bin/start-vnc-session.sh 端口 -> 6080 -> 在当前标签页打开预览 -> vnc_auto.html@ 右键 -> Run in Interactive...例如这里我选择了 Ubuntu 跑一下 C++ demo,可以看到提供了启动调试,单步运行、全速运行,打断点等等,真的很方便 终端我们可以输入一些 linux 命令,以后不用在本地电脑搭建虚拟机就可以玩转

26840

一文带你入门微信云托管

云托管本地调试本地docker调试安装docker安装微信开发者工具最新版安装vscode Docker拓展 VSCode 拓展栏搜索 weixin-cloudbase 然后安装以koa作为后端演示全局安装...VSCode 同时编辑调试一个服务,可直接打开服务代码目录作为根目录(暂不支持 VSCode Workspace 工作区),保证根目录下有 Dockerfile 文件,插件面板中会显示该服务的名字??...调试过程因需要获取微信信息,会使用云托管 CLI Key,因此需 VSCode 插件配置填入小程序 appid 和 cli key,点击插件面板的 ⚙ 图标打开配置:??...Open in browser (via WX server) 和 Open in browser (no WX auth) 可以浏览器打开,分别对应这两种情况,也可以写代码或通过 POSTMAN...进入终端如果需要进入到容器内部终端调试定位问题,可以右键服务名选择 Attach Shell 进入容器内终端?

4.3K102

放弃pycharm,选择vscode或者sublime之路「建议收藏」

其实你重启vscode会有这个界面,有一个工具和语言,那里也可以安装。 或者直接点 配置 打开设置也很简单,你可以点文件,首选项里面由,也可以点左下角的设置。 可以左边复制东西到右边修改。...选择环境之后,VSCode为我们自动生成了”launch.json”文件,此文件有很多配置项,有的选项是默认”settings.json”取值的(比如”config.python.pythonPath...如果”settings.json”没有配置它们的话,调试时可能会无法启动。不过我测试了一下是没有问题的。 同时,项目文件夹下面还自动生成了”.vscode”文件夹。...我们终端里安装一个flake8。 然后在用户设置setting.json里设为自动启动,打开设置的方法还是参照上面的。 这时候没有保存的时候也会提醒你有错。...链接: https://pan.baidu.com/s/1nizCCrnvtlXiT5E8PN67gA 密码: 9mtw sublime没有打开的时候, 不过我已经激活成功教程了一次,激活成功教程完了以后

2.7K20

最全Vue开发环境搭建

vue的安装 1.vue的安装依赖npm node.js官网下载并安装node,为什么要安装node,因为node自带npm;有空还可以学一下node.js,毕竟node.js也可以开发后端。...2.安装cnpm 命令行输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 建议都用-g。...对于直接script引用,没有用构建工具的项目,直接选中html页面右键chrome浏览就可以了,或者搭建一个httpserver用谷歌浏览器浏览就行了 vue-cli构建的vue项目,如何调试,肯定是...安装完vue-devtools后,每次打开浏览器会弹出提示 ?...至于终极解决办法请参考我的另外一篇博客彻底禁用Chrome的“请停用以开发者模式运行的扩展程序”提示 对于网上搜索的组策略等解决办法,我试过,反正我的是不行(估计浏览器版本太高的缘故),最后用以上方法解决

2.3K20
领券