用vscode和liveserver新建一个web环境

prettier插件（代码规范格式化插件 让代码更加美观） Ctrl＋s（html头尾指令对齐了） 右键open with live server（可以修改代码时实时显现在页面上） 右键open in default browser（用默认浏览器打开显示）（就是运行代码的意思） Ctrl＋/ 单行注释 多行：/**/ Ctrl＋x删除一行（本来是剪切 剪切要选中） 移动行Alt＋↑↓ Ctrl＋Alt＋↑↓同步修改（最好先点到要修改的地方）

Open with Live Server如何设置默认浏览器 1.文件->首选项->设置 2.搜索 “live” ，找到 “Live Server › Settings: Custom Browser”

VScode安装了live server插件，预览时点击open with live server游览器没反应，不打开。

你可以通过命令行参数来自定义Live Server的行为，例如指定服务器端口、主机名等。

快速搭建云开发环境

跨域问题（Cross-Origin Resource Sharing，CORS）是指在Web开发中，当一个网页尝试访问另一个与其不同源（即域名、协议或端口号不同）的资源时，浏览器出于安全考虑，会限制这种跨源HTTP请求。跨域问题本质上是由于浏览器的同源策略（Same-Origin Policy）所导致的。同源策略是一种浏览器安全机制，它限制了从一个源加载的文档或脚本与另一个源的资源进行交互。

本文主要介绍在Windows操作系统下如何配置Visual Studio Code（VSCode）开发和运行调试网页。

下载VSCodehttps://code.visualstudio.com/ 在本地创建一个目录，然后从VSCode打开这个文件夹 需要安装两个插件 ，在Extensions查找两个插件 Live Server 和 Open in browser 插件生效是需要重启VSCode 的哦。。。 需要说明下 Live Server 是需要配置的 在这个窗口 按c...

搭建网页vscode服务器code-server

vscode运行web项目

在现代办公环境中，灵活性与效率是提高生产力的关键。本文将为您提供一个全面的“私有化部署VSCode Web”的教程，让您能够在自己的服务器上搭建一个安全、便捷的开发环境。无论您是在家、办公室还是外出，只需一台设备，您就能随时随地享受高效的开发体验。建议浏览一遍全文，再亲自动手实践（标红的地方说明说明我遇到了一些问题，但我会解决它们）。

vs-code插件 -- Preview on Web Server 插件 使用 及设置默认浏览器

Docker 部署网页版 vscode (code-server)

web服务器工程架构

找到可执行文件的路径这一项，点左边的齿轮复制setting ID，再点下面的在settings.json文件中编辑，可能会出现安装问题，这里说只有图上这些VC++包都安装了才能继续安装，进入。下载安装完成后复制php.exe文件的路径，这里先随便选了一个php版本。安装完成后再次运行wampserver的安装程序可以正常下载安装了。打开vscode的Settings，搜索关键词。，集成了php，MySQL，Apache。这里直接去下载了集成的服务器组件。下载exe文件安装相关的包。ctrl+s保存配置。

最近尝试了一下在Linux服务器上部署VSCode，也就是code-server，然后在windows电脑上通过浏览器访问打开在线编辑器编写代码，以下记录一下部署过程。

浏览器上的IDE：code-server安装——服务器版的vscode

Code Server 是一款强大的开源工具，它将 Visual Studio Code (VS Code) 带入了基于Web的在线环境。它使您可以通过Web浏览器远程访问和使用VS Code的功能，而无需在本地安装VS Code应用程序。1Panel 是一个现代化、开源的 Linux 服务器运维管理面板。1 产品优势¶高效管理：用户可以通过 Web 图形界面轻松管理 Linux 服务器，实现主机监控、文件管理、数据库管理、容器管理等功能；

适用于简单的本地文件访问，但不支持跨域Cookie和Session的处理。通过本地HTTP服务器访问文件，支持跨域Cookie和Session的处理，并提供更多的配置灵活性。对于需要测试跨域功能的开发者来说，它是一个更好的选择。所以，在开发过程中，如果需要处理跨域相关的Cookie和Session，建议使用。然而，如果你只是需要简单地查看本地HTML文件，open in browser 可能就足够了。