vscode+web_网页预览插件live preview/live server preview/live server

文章目录

• live preview
• • 启动
  • • 内部预览窗口
    • vscode内启动浏览器dev tool窗口
  • pity
• live server preview
• • 启动
• live server
• • 启动

live preview

download
插件不错,支持实时预览,还支持调试工具

启动

内部预览窗口

或者用command palette:

command palette:

vscode内启动浏览器dev tool窗口

command palette:
输入webview

或者(open devtools pane)

pity

文件路径中不可以包含中文,否则无法成功预览

live server preview

允许您在路径名中存在中文.但是不支持浏览器的dev tool

启动

live server

浏览器内打开,支持实时更新(自动刷新)

启动

alt+l alt+o

浏览器中浏览文件夹Go live: