首页>>帮助中心>>香港vps服务器的vscode emmet的用法是什么

香港vps服务器的vscode emmet的用法是什么

2024/2/17 99次

香港vps服务器的VSCode Emmet 是一种快速编写 HTML CSS 代码的工具,它可以大大提高编写速度和效率。以下是VSCode Emmet 的常见用法:

缩写:使用 Emmet 缩写可以快速生成标签,例如输入 div,然后按下 Tab 键,即可生成 <div></div>

子代选择器:使用 > 符号可以快速生成子代选择器,例如输入 ul>li,然后按下 Tab 键,即可生成 <ul><li></li></ul>

兄弟选择器:使用 + 符号可以快速生成兄弟选择器,例如输入 div+p,然后按下 Tab 键,即可生成 <div></div><p></p>

乘法器:使用 * 符号可以生成多个重复的标签,例如输入 ul>li*3,然后按下 Tab 键,即可生成 <ul><li></li><li></li><li></li></ul>

属性快速生成:可以使用 [] 方括号来快速生成属性,例如输入 a[href="https://www.example.com"],然后按下 Tab 键,即可生成 <a href="https://www.example.com"></a>

文本快速生成:可以使用 {} 大括号来生成包含文本的标签,例如输入 h1{Hello World},然后按下 Tab 键,即可生成 <h1>Hello World</h1>

这只是一些常见的 Emmet 用法,Emmet 还支持更多的快捷方式和功能,可以根据自己的需要进行学习和使用。

一诺网络香港免备案专区,提供「香港增强VPS」和「香港特惠VPS」两种类型的高可用弹性计算服务,搭载新一代英特尔®至强®铂金处理器,接入CN2低延时高速回国带宽线路,网络访问顺滑、流畅。机房网络架构采用了BGP协议的解决方案可提供多线路互联融合网络,使得不同网络运营商线路的用户都能通过最佳路由实现快速访问。香港云VPS低至29/月,购买链接:https://www.enuoidc.com/vps.html?typeid=2