vscode-实现html和vue实时预览-对比了vscode的8个预览插件

1.Open in Browser

• 打开chrome浏览器或者其他外部浏览器
• 总结:单纯想打开外部浏览器,用它
  

2.HTML Preview

• 内嵌浏览器
• 打开方便,当前页面是html页面,点击右上角图标就可以了
• 可以实时预览效果
• 不足:带图片的话,不能有中文路径

3.vscode-preview-server

• 可以实时预览效果
• 右键使用
• 可以内嵌,也可以外部
  

右键使用

4.Live Server

• 可以实时预览效果
• 右键使用
• 打开外部浏览器
  
  右键菜单
  

5. Browser Preview

• 不在维护
• 内嵌浏览器
• 呼出方便
• 适合调试vue项目或者web app项目
• 或者简单百度一下东西
• 可以调手机和pc模式
• 不足:内容会变的有点模糊
  
  
  侧边栏菜单呼出
  

6.just heml preview

• 内嵌浏览器
• 命令输入"just" 可以找到并呼出
• 适合调试vue项目或者web app项目
• 优点:比Browser Preview显示清晰
• 可以调手机和pc模式
  

7.Browse Lite

• 内嵌浏览器
• 命令输入"lite" 可以找到并呼出
• 适合调试vue项目或者web app项目
• 可以调手机和pc模式
• 不足:总是有点显示不清晰
• 内嵌一个debug,这个不错
  

8.live Preview

• 内嵌浏览器,外部浏览器都有
• 命令输入"live" 可以找到并呼出
• 适合调试html项目
• 内嵌一个debug,这个不错
  
  

总结

• 工具没有绝对好,适合自己最好,用多了才知道自己最喜欢哪个
• 哈哈,我都装了