vscode页面刷新
时间: 2023-11-15 08:03:14 浏览: 46
vs页面刷新可以通过安装扩展程序"preview on web server"来实现。该扩展程序可以在web服务器上执行html预览,当保存文件时,会自动重新加载浏览器或侧面板,即保存代码,自动刷新页面。安装后,右击vscode内容面板,选择“vscode-preview-server:Launch on browser”,当保存代码后,页面就会自动刷新。如果每次更新页面都会出现“browsersync:connected”字样,可以给文件加css样式"#__bs_notify__ { display: none !important; }"来解决。
相关问题
vscode刷新页面
为了在VSCode中实现自动刷新页面,你可以使用一个插件叫做"Live Server"。首先,在插件市场中搜索并安装"Live Server"插件。安装完成后,你可以右键点击你的HTML文件,选择"Open with Live Server",这将会在谷歌浏览器中打开你的网页。接下来,每当你修改并保存你的代码,浏览器将会自动刷新,你无需手动刷新浏览器。如果"Liver Server"插件打开的不是谷歌浏览器,你可以通过修改设置来将其设置为谷歌浏览器。在VSCode中打开设置,然后找到"LiveServerConfig",在"Settings: CustomBrowser"中选择"chrome"。这样,你就可以在VSCode中实现自动刷新页面的功能了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vsCode中代码保存自动刷新页面,open with live server,可修改打开浏览器](https://blog.csdn.net/dkm123456/article/details/114854790)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vsCode自动保存与浏览器自动刷新](https://blog.csdn.net/m0_59989185/article/details/126742946)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
vscode保存自动刷新插件
你可以尝试使用以下几个自动刷新插件:
1. Live Server:这款插件可以在保存文件时自动刷新浏览器页面,支持 HTML、CSS、JavaScript 等文件的自动刷新。
2. Auto-Open Markdown Preview:这款插件可以在保存 Markdown 文件时自动刷新预览页面。
3. Browser Preview:这款插件可以在保存文件时自动刷新浏览器页面,支持 HTML、CSS、JavaScript 等文件的自动刷新,还支持多种浏览器预览。
你可以在 VS Code 插件市场搜索这些插件并安装,使用起来非常方便。