VScode 打开页面 localhost 的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VScode 打开页面 localhost 的方法相关的知识,希望对你有一定的参考价值。

参考技术A 在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 打开页面 localhost 的方法的主要内容,如果未能解决你的问题,请参考以下文章

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

Vscode在浏览器中打开页面

vscode如何运行html页面?

VSCode前端文件(html文件)如何以服务器模式打开?

如何更改为 localhost 打开的默认浏览器?

VSCode 窗口未响应