首页 > 其他分享 >vscode 如何实时预览 html

vscode 如何实时预览 html

时间:2022-11-18 13:14:15浏览次数:47  
标签:预览 vscode server live html Open

下载 Live Server,随后在 html 文件处右键,选择 Open with live server 即可

注意可能报错 Open a folder or workspace... (File -> Open Folder) ,在页面的左边选择蓝色的按钮:选择文件夹,打开文件再 Open with live server 即可,注意要点击右下角的 Open live server

标签:预览,vscode,server,live,html,Open
From: https://www.cnblogs.com/daxiangcai/p/16902857.html

相关文章

  • html字符串转pdf源码
        ///<summary>     ///将Html文字输出到PDF     ///</summary>     ///<paramname="htmlText......
  • JavaScript语法_与html结合方式和JavaScript语法_注释&数据类型
    JavaScript语法_与html结合方式:ECMAscript:客户端脚本语言的标准1.基本语法∶与html结合方式1.内部JS:定义<script>,标签体内容就是js代码2.外部JS:定义<script>,通过s......
  • vscode搭建简单java运行环境
    打开官网​​​https://code.visualstudio.com/docs/languages/java​​安装这几个就够了(好像也可以通过安装JavaExtensionPack这个插件来安装上面的几个)正常安装能get到......
  • VSCODE ModuleNotFoundError: No module named ”XXX“
    遇到这个问题是在vscode中编写python程序,试图在A目录中import另一目录B下的其他py文件时遇到的。目录结构如下:main--A--B程序报ModuleNotFoundError:Nomodulenam......
  • 如何分析html中的json
    在js逆向的过程中,时常要使用正则表达式去匹配htnl的内容,有时候关键的数据都在json中,这个怎么分析这个json呢1.使用vscode打开htmlvscode的js插件会分析html文件,这样就可......
  • html grid 布局与拖动
    1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8"/>5<metahttp-equiv="X-UA-Compatible"content="IE=edge"......
  • 使用VSCODE插件编写CNBLOGS
    下载官方插件创建本地MD文件编写内容上传图片时直接复制到剪贴板然后使用ctrl+alt+u之后保存内容上传博文右键保存到博客选择新建博文或关联已存在博文可以......
  • 教你快速使用VSCode编写HTML文件
    我的小站——半生瓜のblog教你快速使用VSCode编写HTML文件​​1.配置​​​​2.更改默认打开浏览器​​1.配置首先在官网下载VSCODE并完成安装,[vscode官网]。(https://code.......
  • vscode打开vue项目突然所有.vue文件第一行报错解决
    yarn重新安装项目所有依赖,并重启vscode后,突然所有.vue文件第一行<template>处报错Parsingerror:Cannotreadpropertiesofundefined(reading'jsx')解决方案:在vscod......
  • js中innerHTML和createElement的效率比较
    结合js中字符串不可变的特性单次执行innerHTML和createElement时效率差不多如果重复执行,因为innerHTML=字符串,需要多次开辟空间存储字符串,所以createElement效率更高.......