vscode怎么运行网页（vscode运行网页插件）

大家好！今天让创意岭的小编来大家介绍下关于vscode怎么运行网页的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

ChatGPT国内免费在线使用，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com

本文目录:

• 1、vscode怎么运行代码 怎么操作

• 2、VSCode中代码在浏览器中打开及实时刷新

• 3、VScode 打开页面 localhost 的方法

• 4、vscode 用浏览器打开页面

一、vscode怎么运行代码 怎么操作

1、我们打开了一个脚本文件,希望直接执行这个脚本文件,就可以打开命令面板,运行 “在活动终端中运行活动文件”(Run Active File In Active Terminal),这样这个脚本就会在当前打开的集成终端中运行了。”

2、我们也可以选中编辑器中的某段代码，然后打开命令面板，运行“在活动终端中运行所选文本”（Run Selected Text In Active Terminal），这段代码就会在终端中执行。

二、VSCode中代码在浏览器中打开及实时刷新

在vscode扩展中搜索“view in browser”插件并点击安装，点击资源管理器选中当前文件右键选择“View In Browser”即可在默认浏览器中打开页面。

在项目目录下运行命令：

方法：

以上两种方法实现的效果和原理相同，都可后台运行，按下快捷键“control+c”退出当前运行进程。

装Live HTML Previewer插件，点击页面左下角Preview Available。

注意： 有了livereload可以不需要装“view in browser”插件。

三、VScode 打开页面 localhost 的方法

在vscode里写html引入js和less之后直接打开发现并不能正常显示，

或者用layui的表格请求本地的json数据的时候 报错：

Access to XMLHttpRequest at ‘file:///Users/…’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

这样的错误。

在安装 vs code 和 node.js的前提下：

在命令符中输入 npm install -g live-server 进行安装，

安装成功后在vscode里 “查看” - “集成终端”或者 文件夹命令提示符 里面输入 live-server ，

等待浏览器会自动打开 http://127.0.0.1:8080/ 这个端口，

四、vscode 用浏览器打开页面

vscode用浏览器打开页面，需要安装 open in browser 插件

点击拓展 → 搜索open in browser → 安装插件

以上就是关于vscode怎么运行网页相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

平面设计vs室内设计

ChatGPT和微软的关系（微软 vs）

vscode官网下载教程（vscode下载网址）

图片自动加logo

怎么添加自己小店商品（怎么添加自己小店商品橱窗）