IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> vs code 安装 HTML+CSS 书写增强型插件 -> 正文阅读

[开发工具]vs code 安装 HTML+CSS 书写增强型插件


HTML 与 CSS 支持

在这里插入图片描述
首先在扩展商店中搜索 HTML,下载框中的三个插件,第一个用于对 HTML 的一些书写支持(俺也不太清楚,看视频选的,但是好像被禁用了,说是有其他的插件对其受限,怀疑是因为和第二个起了冲突);第二个用于支持 CSS 的一些样式表等;第三个特别好用,自动补全代码,这样你书写的时候,不用先写<>,而是比如说写一个 body,然后点击 Tab就会自动进行补全,特别实用。


HTML 页面实时浏览内嵌

在这里插入图片描述
搜索 live server preview ,看到如上图所示插件进行安装,安装完成后,比如说我们写了一个 demo.html 文件,保存后按F1,选择show live server preview(如果是下图情况,直接回车即可),即可在 vscode 中查看刚刚写的页面,然后我们要修改时,只要保存完成那么这个内嵌的页面窗口就会立即自动刷新,而不用我们手动进行刷新。
在这里插入图片描述
在这里插入图片描述
(ps:发现个小问题,这个插件有时候刚点出来的时候不会显示东西,需要重新再开一次才会有,母鸡原因,难道是我第一次忘了保存~~)


学习视频:
VS Code中运行HTML和CSS-安装增强插件-编写和运行代码-浏览器预览


写在最后:
首先,如果本篇文章有任何错误,烦请读者告知!不胜感激!
其次,本篇文章仅用于日常学习以及学业复习,如需转载等操作请告知作者(我)一声!
最后,本文会持续修改和更新,如果对本分栏的其他知识也感兴趣,可以移步目录导航专栏,查看本分栏的目录结构,也更方便对于知识的系统总结!
兄弟姐妹们,点个赞呗!
感谢!笔芯!

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-10-08 21:02:36  更:2022-10-08 21:05:33 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 20:32:44-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码