vscode常用emmet语法及快捷键

ul>li>a >表示父子关系

效果：

         <ul><li><a href=""></a></li></ul>

批量生成： ()表示数量，Lu>(li>a)*3

效果：

   <ul><li><a href=""></a></li><li><a href=""></a></li><li><a href=""></a></li></ul>

增加属性： []表示属性，ul>(li>a[href=”#”])*3

效果：

  <ul><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li></ul>

兄弟关系：用加号连接快捷生成几个平行标签 p+a+div

效果：

    <p></p><a href=""></a><div></div>

快速生成含类名标签，默认时自动生成div标签，直接写.类名后回车

.one
<div class="one"></div>同理：ID名也是
#ID名回车

自己选择标签以及类名或ID名，在前面直接加标签名

    p.one<p class="one"></p>p#one<p id="one"></p>

$表示自然数

.box$*3<div class="box1"></div><div class="box2"></div><div class="box3"></div>

vscode常用emmet语法及快捷键相关推荐

Typora常用的语法与快捷键
标题功能 macOS快捷键语法一级标题 command + 1 # 一级标题的内容二级标题 command + 2 ## 二级标题的内容三级标题 command + 3 ### 三级标题的内 ...
VScode必备插件、Emmet语法、面试题更新——用到老
欢迎加入前端技术营!如果你也是前端学习者或者对前端有学习的想法,那就跟着我一起从零开始进击前端. 致力于尽可能详细且简洁的介绍前端知识.自己的捷径,也是学习路上的记录.欢迎探讨目录一.V ...
VSCode 常用快捷键 Mac
VSCode 常用快捷键 Mac 一.删除整行:command+shift+k 二.删除所有空行: 1.输入Command + Option + F打开替换栏 2.输入正则匹配:^\s*(?=\r?$ ...
VScode中常用element语法
Element语法: 熟练掌握element语法可以大大提高开发效率,建议在平时练习时留意element语法,下面是常用VScode中element语法: 1.快速生成HTML骨架:!Enter或Ta ...
VsCode常用插件和快捷键
VsCode常用插件和快捷键 vscode快捷键 alt+w:快速打印变量(需要插件Wrap Console Log) alt+q:加书签 alt+d:加`<div>`标签(htmltag ...
VSCode常用插件-快捷键
VSCode常用插件-快捷键 1. 快速复制一行快捷键: shift+alt+ 下箭头(上箭头) 或者 ctrl+c 然后 ctrl+v 2. 选定多个相同的单词快捷键: ct ...
vscode常用快捷键（动图演示）
vscode常用快捷键 1.快速复制一行快捷键: shift+alt+ 下箭头/上箭头或者 ctrl+c 然后 ctrl+v 2.选定多个相同的单词快捷键: ctrl + d 先双击选定一个单词 ...
mac中vscode常用快捷键
1.mac中vscode常用快捷键以下是在 macOS 上常用的 Visual Studio Code (VSCode) 快捷键: 文件操作: 打开文件:Command + O 保存文件:Comma ...
VSCode常用快捷键（放大/缩小字体、切换全屏、跳转指定行数、返回上一次位置、隐藏 /显示导航、注释代码）
1 快捷键 keybindings 2 vscode 更换文件图标主题 3 vscode更换主题颜色 1 快捷键 keybindings --推荐几个常用的快捷键: --1)"Ctrl+B& ...
CSS基础（emmet 语法,CSS 复合选择器, 布局认知,背景样式）
CSS基础 1. emmet 语法 -- 开发效率 1.1 emmet 语法生成 html 标签 emmet 的特点和作用是什么? 通过简写提高编码效率. emmet 生成 HTML 结构语法序号 ...

vscode常用emmet语法及快捷键

vscode常用emmet语法及快捷键相关推荐

最新文章

热门文章