用的vscode + nginx npm install -g live-server //全局安装live-server,和上面在应用商店安装的 live server应该不一样 1. 然后在vs里新建一个终端,输入live-server,页面就会跳转,默认打开8080端口,如果8080被占用,会随机生成一个端口,我下面生成的是58345这个端口 live-server --port=45678 //也可以指定“456...
是否启动了liveserver服务,vscode右下角状态栏,查看是否显示port:端口号。 如果未显示端口号,请在你编辑的文档中点按鼠标右键,在弹出菜单中,选择 open with live server. 如果依旧没有解决问题,请检查你的文档代码,html文件必须要包含:和标签,liveserver才能正常工作。完善代码后重新启动liveserver服务即可。
{ "liveServer.settings.port": 8080, //设置本地服务的端口号 "liveServer.settings.root": "/", //设置根目录,也就是打开的文件会在该目录下找 "liveServer.settings.CustomBrowser": "chrome", //设置默认打开的浏览器 "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-d...
打开插件的配置界面,输入查询关键字port,界面如下,单击“在setting.json中编辑”。 端口默认为0,打开页面时端口会是随机数,可设置为需要的端口,例如:12345。 2.4.3 使用方法 VSCode打开要运行的html文件,任意位置右击,选中“Open with Live Server”菜单。 2.4.4 第5步:运行服务打开网页 hello.html页面文件内“右...
vscode下关于Live Server的使用 一、在vscode扩展中搜索live server,并安装 二、文件-->首选项-->设置 三、搜索live sever配置项,找到LiveServer>settings:Port打开,把四、设置完毕后,重启vscode,并选择需要
liveServer.settings.port:自定义Live Server的端口号。如果需要随机端口号,请将其设置为0。 默认值为5500。 liveServer.settings.root注意:要在工作空间文件夹结构之间更改服务器的根目录,请使用/和来自工作空间的绝对路径。 范例:/sub_folder1/sub_folder2。现在sub_folder2将是服务器的根目录。
另一种打开方式是右击选中的Html文件,点击“Open With Live Server”,同样可以实现上述效果。 之后我们在编辑代码的过程里,只要按下“Ctrl+S”(即将文件进行保存),就可以实时看到代码的运行效果。 注意:在点击Go Live后可能会提示我们“Server is Started at port : 5500”(如下图所示),个人也不太清楚这时什么原...
在VSCode中,可以通过安装插件如Live Server来实时预览网页。这样的预览功能让开发者能即时看到代码更改后的效果。 一、安装LIVE SERVER插件 为了在Visual Studio Code (VSCode) 中预览网页,开发者首先要做的是安装一个名为Live Server的插件。这个插件能够在本地启动一...
4. 在右侧的设置面板中,搜索框中输入“liveServer.settings.port”,找到“Live Server: Port”选项。5. 设置一个可用的端口号,例如8080(默认端口号为5500)。 步骤三:启动服务器1. 打开你要启动服务器的项目文件。2. 右键点击HTML文件(或其他类型文件),选择“在默认浏览器中打开”。3. 此时,项目会在默认浏览...
打开VSCode，单击文件、Preferences、Liveserver port，然后在搜索设置中键入将出现的LiveServer设置端口选项...