vscode+web_网页预览插件live preview/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:
在这里插入图片描述

posted @   xuchaoxin1375  阅读(34)  评论(0)  编辑  收藏  举报  
相关博文：
· vscode_启动加速策略(插件冗余问题)/编辑卡慢问题
· VScode+web特性和常用插件介绍/vscode+css_类名补全和跳转到类的定义
· vscode 如何实时预览 html
· VSCode 使用教程-5.Live Server实时预览html效果
· vscode 预览html文件
阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
历史上的今天：
2023-09-08 LA@二次型分类@正定二次型@主子式
2022-09-08 java_从键盘输⼊⼀串字符串，存⼊ArrayList中，再将其 分别按字典序升序排序、按字典序降序排序、 按字符串长度降序排序、先按字符串长度降序排列 再按字典序排序。
2022-09-08 AM@三角级数三角函数系@傅里叶级数Fourier Series一般形式
点击右上角即可分享
微信分享提示