请问我用vscode预览了js文件之后,html文件就没办法用F5预览了,要怎么修复?

可能你会想,VSCode和那个庞大的Visual Studio名字这么像,它们会不会有什么关系呢?但其实,并没有,哈哈。

VSCode默认支持多种编程语言,并且有着丰富的扩展。VSCode每月更新,你可以在微软博客上随时关注更新的进展。微软甚至把代码开源在了Github上供所有开发者克隆仓库甚至贡献代码(暗示大家赶紧来提PR)。

VSCode的用户界面官方给出了详细的操作说明,如下图所示,在此不再赘述。

为Python开发安装插件

正如上文中提到,VSCode可以通过自身良好的扩展性质来支持各种编程语言的开发。

Python插件使我们可以更方便地在VSCode中进行Python开发,它有以下功能和特点:

  • 大家可以随意克隆至本地以进行后面的操作。

    本地文件夹建好后,你可以通过VSCode快捷地打开整个文件夹,我比较喜欢下面这种方式:

    当这样打开时,VSCode将检测到并开启任何项目中存在的virtualenv、pipenv或conda虚拟环境,你甚至都不用自己手动去启动虚拟环境!以下几种方式都可以在用户界面中打开一个文件夹:菜单栏中点击File—Open Folder;按下快捷键Ctrl+K或Ctrl+O;在命令盘中键入file:open folder。

    我的公式求值库项目打开后看起来是这样的:

    当VSCode打开文件夹时,它同时也会打开你最近打开的文件(这个行为是可配置的)。

    你可以打开、编辑、运行、调试文件列表中的任何文件。

    左侧活动区的探索者视图向你展示了文件夹中的所有文件,并告诉你在当前打开的选项卡中有多少编辑了但还没有保存的文件。

    如果当前环境安装了测试框架,VSCode可以自动识别已有的用测试框架编写的测试代码。我用unittest为我的公式求值库写了一个单元测试,大家可以用它作为例子来学习。

    你可以在项目中的任何一个文件中右键选择Run Current Unit Test File来运行已有的单元测试。VSCode会询问你使用哪种测试框架、项目中测试代码存放的路径,以及测试文件的命名方式。

    这些设置都将作为工作去设置被保存在项目.vscode文件夹下的settings.json文件中,你也可以在那里更改这些设置。对于我的公式求值项目,我们选择用unittest框架,测试代码在当前目录下,测试代码命名为*_test.py。

    一旦配置好了测试框架、找到了测试代码,你就可以点击状态栏的Run Tests来运行所有的测试。

    你甚至可以通过点击状态栏的Run Tests,然后选择Run Unit Test Method来运行单个测试。这样我们就可以单独运行失败的测例,能够节省一大笔时间!测试结果输出在Output选项卡中。

    即使VSCode是个编辑器,但在其中调试代码也是可行的。VSCode提供了许多好的代码调试器所拥有的特性:

    它们作为调试视图的一部分被显示在活动栏中:

    调试器可以控制Python应用在内置终端或远程终端实例上运行。它可以连接一个正在运行的Python实例,甚至可以调试Django和Flask应用。

    用VSCode调试单个Python文件就和按F5启动调试器一样简单。你可以按F10和F11来跳出或进入函数,按Shift+F5退出调试器。按F9或单击编辑框左侧区域来设置断点。

    当你要开始调试像Django和Flask应用这种更复杂的项目时,需要进行调试配置。在调试视图中,选择配置下拉菜单中的添加配置,然后选择Python:

    上面的配置存储在了.vscode/launch.json中,你可以针对像Django、Flask这种特殊应用的设立专门的配置。

    你甚至可以远程调试,或是调试Jinja模板。这一切只需在配置下拉菜单中选择合适的配置项即可。

    VSCode内置版本控制机制,并自带对Git和Github的支持,你也可以安装插件以支持其他版本控制软件。版本控制视图中提供了各种版本控制功能:

    如果你的项目目录包含.git文件夹,那么VSCode自动开启完整的Git和Github支持。你可以进行的操作包括:

    • 向远程仓库推送更新,或从远程仓库拉更新

    • 切换已有分支或新建分支

    所有这些事都可以直接在VSCode用户界面中完成:

    VSCode也能识别来自编辑器外的文件内容改变并做出反应。

    在VSCode中提交最近的代码更改是很方便直接的。在版本控制视图中,被修改的文件用M标记,新的未追踪文件用U标记。

    鼠标悬浮于文件上,点击加号(+)来添加更改。在顶端输入提交信息,最后点击对勾来提交这些更改。

    VSCode是目前最棒的通用编辑器,也是Python开发者的绝佳选择。通过这篇文章你学到了:

    • 如何查找、安装插件来开启对Python的支持

    VSCode已经成为了我进行Python甚至其他项目开发时最常用的编辑器,推荐给你,希望你也可以试试看~

    在「小白学视觉」公众号后台回复:扩展模块中文教程即可下载全网第一份OpenCV扩展模块教程中文版,涵盖扩展模块安装、SFM算法、立体视觉、目标跟踪、生物视觉、超分辨率处理等二十多章内容。
    下载2:Python视觉实战项目52讲
    小白学视觉公众号后台回复:Python视觉实战项目即可下载包括图像分割、口罩检测、车道线检测、车辆计数、添加眼线、车牌识别、字符识别、情绪检测、文本内容提取、面部识别等31个视觉实战项目,助力快速学校计算机视觉。
    小白学视觉公众号后台回复:OpenCV实战项目20讲即可下载含有20个基于OpenCV实现20个实战项目,实现OpenCV学习进阶。

    欢迎加入公众号读者群一起和同行交流,目前有SLAM、三维视觉、传感器自动驾驶、计算摄影、检测、分割、识别、医学影像、GAN算法竞赛等微信群(以后会逐渐细分),请扫描下面微信号加群,备注:”昵称+学校/公司+研究方向“,例如:”张三 + 上海交大 + 视觉SLAM“。请按照格式备注,否则不予通过。添加成功后会根据研究方向邀请进入相关微信群。请勿在群内发送广告,否则会请出群,谢谢理解~

}

    vscode中调试js控制台 内容精选 换一换

  • 部署失败:在下方“输出”,查看错误日志并解决。 本地调试 Node.js 在函数文件夹下新建main.js文件,并将下面内容复制到main.js文件,点击左侧的运行和调试图标,选择添加配置,进行配置,选择Node.js,点击“F5”进行调试。(前提:本地已安装Node.js)

  • FUNCTION文件添加需要编辑的函数,并下载到CloudIDE进行在线编辑。 以下示例仅供参考,具体请以实际创建函数为准。 下载成功后,右侧输出控制台提示下载成功。 打完断点,点击调试图标或者右键选择“调试函数”。 进入函数调试页面,选择测试事件,点击“调试”。 配置测试事件和测试函数请参考测试管理。

  • vscode中调试js控制台 相关内容

  • CUDA-GDB 支持调试 32 位和 64 位 CUDA C/C++ 应用程序。它提供对 CUDA 应用程序执行的完全控制,包括断点和单步执行。可以检查变量、读/写内存和寄存器,并在应用程序挂起时检查 GPU 状态,允许在同一应用程序同时调用GPU和CPU代码。使用CUDA程序调试时必须安

  • vscode中调试js控制台 更多内容

  • Console在线调试 注意事项 事件数据作为event参数传入入口函数,配置后保存可以持久化,以便下次测试使用。每个函数最多可配置10个测试事件。 创建测试事件 登录FunctionGraph控制台,在左侧导航栏选择“函数 > 函数列表”,进入函数页面。 单击函数名称,进入函数详情界面。

  • 支持快速调试和检索,调试API的同时,可以根据您的参数实时生成各种开发语言的SDK示例

  • 配置.vscode目录下的编译配置文件tasks.json和调试配置文件launch.json,具体配置可参考上一章节样例AI应用的配置说明。 配置好后,直接按F5即可进入调试模式。更多调试使用可参考官网VSCode调试指南。 图2 使用VSCode调试代码 不携带服务插件运行

  • 问题位置。 统一插件开发和调试 CloudIDE支持(云上): 通过模板创建函数,在云端查看函数并下载到云,使用IDE在线调试,将函数推送到云端。 VSCode插件支持(云下): 通过模板创建函数,在云端查看函数并下载到本地调试,使用VSCode插件调试,将本地函数推送到云端。 HTTP函数

  • 在更改或移除特定DOM节点或其子级的代码。 XHR 当XHR网址包含字符串模式时。 事件 在触发点击等事件后运行的代码。 侦听器 在引发已捕获或未捕获异常的代码行。 异常函数 任何时候调用特定函数时。 代码行断点调试是最为常见的断点调试方法,在Sources页签下,主要分为三

  • 检查下自定义JS代码里使用的模型

  • A控制台远程控制蜂鸣器开关的功能。 开发环境 开发板:小熊派BearPi-IoT开发套件(包含NB卡、NB模组、智慧烟感功能模块、USB数据线等),您可以前往华为云市场购买。 软件:VScode,IoT Link插件、华为云(已开通设备接入服务)、win7及以上版本的64位操作系统(本文以windows

  • ,兼容开源CNCF WorkFlow标准。 “三步”上线 基于CloudIDE/VSCode提供云上/本地函数创建、开发调试、发布上线;完备的日志支撑用户快速定位问题。 灵活规格 支持Node.js、Java、Python、自定义运行时等;函数实例运行时长最长支持12H;提供128M-4G等多种规格。

  • 并上报光照强度,显示在IoTDA控制台,并在IoTDA控制台远程控制LED灯开关的功能。 开发环境 硬件:小熊派BearPi-IoT开发套件(包含NB卡、NB模组、智慧路灯功能模块、USB数据线等),您可以前往华为云市场购买。 软件:VScode,IoT Link插件、华为云(已

  • 在创建训练作业前,推荐您先使用ModelArts开发环境调试训练代码,避免代码迁移过程中的错误。 直接使用线上notebook环境调试请参考使用JupyterLab开发模型。 配置本地IDE(Pycharm或者VSCode)联接云上环境调试请参考使用本地IDE开发模型。 父主题: 权限问题

  • 局点支持特性查询 功能介绍 局点支持特性查询 调试 您可以在API Explorer调试该接口,支持自动认证鉴权。API Explorer可以自动生成SDK代码示例,并提供SDK代码示例调试功能。 URI GET

  • 创建地理位置控制规则 功能介绍 创建地理位置控制规则 调试 您可以在API Explorer调试该接口,支持自动认证鉴权。API

您找到想要的内容了吗?

提交成功!非常感谢您的反馈,我们会继续努力做到更好 反馈提交失败!请稍后重试!

}

首先得明确VScode只是一个功能强大的文本编辑器,强调一下,是文本编辑器!而VS(Visual Studio)是一个编译器!所以使用VScode注定不会像VS一样方便,VS只需要编写完代码之后直接点击运行按钮就可以运行。VS的缺点是:体积庞大,打开速度远不如VScode。VScode轻量级就是一个巨大的优势了,然而许多初次接触VScode的同学根本不知道如何运行写的代码.......(我也是其中一个,我现在也主要使用VScode的platformIO插件写单片机程序,写markdown,写C#程序。纯C++小程序一般用DevC++)

刚才说了,VScode只是一个文本编辑器,要写C++程序首先在扩展里面安装C/C++的插件

2.编写程序, 主要测试输入输出流

3.写完程序先编译:点击终端,然后点击运行生成任务,生成一个可执行的exe文件

4.编译完了之后再运行

  • 运行方式1(简单粗暴)

用鼠标左键将这个exe文件拖入终端,然后回车运行,可以看到输入输出正常

  • 运行方式2(符合一般形式)

但是正常情况下,应该独立一个窗口出来才是:

点击菜单的运行,然后点击以非调试模式运行(F5/ Ctrl+F5),然后生成一个.vscode的文件夹,文件夹下面有一个launch.json文件

这个时候的目录结构是这样的

右下角可以看见一个添加配置选择 C/C++:windows)启动

点击之后,就会有下面这个东西,修改下面这个参数为自己的可执行文件的绝对路径,也就是

其中的workspaceFolder就是工作路径的绝对路径,不需要管

然后再点击运行(F5/Ctrl+F5)就可以得到结果了,这个就和DevC++运行时一样有个单独的窗口

PS:要是需要VScode工作区间的编辑的话,也可以艾特我以下

}

我要回帖

更多关于 vscode按f5没反应 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信