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: