vscode-实现html和vue实时预览-对比了vscode的8个预览插件
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue

·
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,这个不错
总结
- 工具没有绝对好,适合自己最好,用多了才知道自己最喜欢哪个
- 哈哈,我都装了




vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:18 天前 )
9e887079
[skip ci] 11 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
更多推荐
所有评论(0)