1. 安装live server image.png 2. 运行 右键 open with Live Server image.png 3. 接口跨域时,需要后端将页面地址写入到白名单中,但是由于每次live server时打开的页面链接端口都不太一样,因此此时需要更改live server启动的端口号 3.1 使用快捷键ctrl+, 打开设置面板 image.png 3.2 配置: //"liveServer.setti...
另一种打开方式是右击选中的Html文件,点击“Open With Live Server”,同样可以实现上述效果。 之后我们在编辑代码的过程里,只要按下“Ctrl+S”(即将文件进行保存),就可以实时看到代码的运行效果。 注意:在点击Go Live后可能会提示我们“Server is Started at port : 5500”(如下图所示),个人也不太清楚这时什么原...
要安装Live Server扩展程序,您需要打开VSCode,然后点击左侧的扩展图标。在搜索栏中输入"Live Server",然后选择相应的扩展进行安装。安装完成后,您将在左侧的扩展列表中看到Live Server的图标。 要启用Live Server,您可以打开一个HTML文件,然后在右下角的状态栏中点击Live Server图标。此时,Live Server将会自动启动并在...
打开插件的配置界面,输入查询关键字port,界面如下,单击“在setting.json中编辑”。 端口默认为0,打开页面时端口会是随机数,可设置为需要的端口,例如:12345。 2.4.3 使用方法 VSCode打开要运行的html文件,任意位置右击,选中“Open with Live Server”菜单。 2.4.4 第5步:运行服务打开网页 hello.html页面文件内“右...
live-server --port=45678 //也可以指定“45678”这个端口,如果该端口已被占用,则生成一个新的端口并返回 1. 接下来是页面展示: 但是还是没有对接后台接口,下面是重要的: 这时候打开nginx的配置文件,我新建了一个8049的端口监听,然后配置服务器地址和vs给出的端口号 ...
Setting --> 输入 live server --> Edit in setting.json 进行配置 也可以在项目目录中创建 .vscode/setting.json {"liveServer.settings.https":{"enable":true,"cert":"C:\\Users\\Documents\\WXWork\\1688853322535457\\Cache\\File\\2023-07\\oss.xxx.art.pem",// 证书"key":"C:\\Users\\Document...
一,安装Live Server插件(不详细说明了) 二,开启Server(服务) 有四种方式: 在窗口的最底部有Go Live可以点击,一旦点击,就会自动在浏览器中打开HTML文件 在HTML文件中右键,然后点击open live server 快捷键(alt+L, O)打开服务(alt+L, C)关闭服务 按F1,然后在输入栏中输入Live Server: Open Live Serverto star...
Sublime Text 3怎么配置本地服务器? 工具/原料 VsCode 方法/步骤 1 还未安装VsCode的童鞋,自行百度搜索Vscode,进入第一个链接下载安装即可,这里就不详细介绍下载安装过程了 2 打开VsCode的插件安装功能,在左侧的最底部位置 接着在输入框中搜索【live Server】 ...
有时候我们想要把 HTML + CSS +jQuery(js) 编写的项目,以类似三大框架脚手架形式在本地运行,通过安装配置 VSCode 的Live Server插件,便可实现这一功能。 传送门:Sublime Text3 配置本地服务器 1. 安装 Live Server 2. 开启 Server 服务 重新启动VSCode后,你会发现在软件的右下角的状态栏中出现了【Go Live】...
打开vscode设置页面,搜索 Live Server 往下翻,找到 proxy设置,按照图中修改成自己的即可 配置完成,启动服务 建立一个文件夹,使用vscode打开,然后启动服务 vscode右下角有个图标,点击一下 点击Go Live 按钮,启动服务, 会自动打开一个页面 启动成功效果图,我的端口是改过的:http://127.0.0.1:5555/...