使用live server 插件本地开发实现热加载,实时查看网页效果

  1. 在vscode 扩展中搜索 live server ,并安装在这里插入图片描述
  2. 在设置中写上配置在这里插入图片描述
"liveServer.settings.donotShowInfoMsg": true,
"liveServer.settings.AdvanceCustomBrowserCmdLine": ""

3.在vscode 选中想要启动服务的页面,右键菜单里选择 Open with Live Server ,就会在浏览器中自动打开页面 http://127.0.0.1:5500/.nuxt/loading.html
在这里插入图片描述
4. 在选中文件底部,点击Go Live 也可以启动服务在这里插入图片描述
以上,即可启动一个具有热更新的本地服务器

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐