VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客- | ImapBox

VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-

27 四月
星期一, 27 四月 2020 13:15 Last Updated on 星期一, 27 四月 2020 13:15 0 Comments


生成固定结构：

新建的html文件是什么内容都没有的空文件，每次新建之后我们都要写那一坨一模一样的固定结构，但是又懒得去记那十几行的东西
在VSCode中编辑.html文件只需要输入一个 感叹号!(英文的) 然后一回车就可以自动生成这个固定结构了：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-
然后生成之后光标的位置是在width那里，按Tab键可以将光标跳转到下一个位置
当然也可以直接用鼠标点
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-

注释：

按 Ctrl + 可以直接添加注释，如图所示：
单行：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-

多行：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-

接下来是本篇的核心内容：

HTML部分：

生成标签直接输标签名回车即可：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-

生成多个相同标签输标签名之后输个*后面加上个数：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-
父子级关系的标签用>连接：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-
兄弟关系的用+连接：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-

带有类名或id名的：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-

标签内部有内容的内容用{}括起来：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-
自增符号$：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-

CSS部分：

敲的时候直接敲缩写就好：
VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-

未完待续
最近学校的事情比较多，所以更的可能会比较慢

上一篇小操作的链接：

VSCode的一些小操作

如果有想给VSCode设置背景图片但是还不知道要怎么设置的可以去看一下我的另一篇文章：

VSCode设置背景图片的两种方式

ヾ(≧∪≦*)ノ〃

发布了6 篇原创文章 · 获赞 23 · 访问量 5341

VSCode的一些小操作(二)——快速生成HTML,CSS代码开发工具60rzvvbj的博客-



 
 
 
 


本页所有内容来自官方网站 https://www.imapbox.com 新闻来源：互联网搜索引擎和新闻站

本网页所有图片由 ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片，下载并得到。

ImageBox 图片批量下载器 工具地址: 网页图片批量下载工具-最新版本下载

非凡下载站地址：https://www.crsky.com/soft/35838.html

本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。

ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载

本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.




文章目录

  • 全球报导 (16311)
  • 全球云计算 (29506)
  • 程序员专区 (1974)
  • Imap 全球通用标准协议 (7)
  • 全球邮局列表 (17)
  • Imapbox 系列软件 (3)
  • 产品一览 (6)
  • 事业方向 (7)
  • 联系我们 (2)

官方链接

imapbox邮箱网盘 imapbox 海外官网 iMapBox百度百科

登录