资讯专栏INFORMATION COLUMN

vs Code 快速生成代码

CloudDeveloper / 2180人阅读

摘要:类名属性后代兄弟上级乘法文本自增符表示从开始计数隐式转换基本标签最后附上参考资料。

之前偶然了解到能用公式快速生html代码

查阅资料后就有了下面的小小总结 U•ェ•*U

例如:

在vs code 中输入 div.cube>div.cube_$*6 摁下回车键就会生成如下代码 (〃"▽"〃)

猜测语法规则会和CSS选择器有些类似,平时开发中也会畏畏缩缩的用用,没有明确公式规则内心总会不踏实,于是就下定决心,一探究竟,产出下面的粗糙文章,相当于笔记了吧。(`・ω・´)

类名 .

div.wrapper

id #

div#wrapper

属性 []

span[title="test"]

后代 >

div>span>a

兄弟 +

div+p+span

上级 ^

div>span^i

乘法 *

ul>li*2

文本 {}

div>span{this is vv"s test}

this is vv"s test
自增符 $

ul>li.list_${list $}*3

  • list 1
  • list 2
  • list 3

ul>li.item$@3*3 “@3” 表示从3开始计数

  • list 1
  • list 2
  • list 3
隐式转换

.class

ul>.item

table>.row>.col

! 基本html标签



    
    
    
    Document


    

ヾ(*ΦωΦ)ツ最后附上参考资料。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54733.html

相关文章

  • vscode常用插件【全了】

    摘要:插件集待补充。。。同时,它还包含了用于转换为格式和生成数据模式的选项用于压缩合并和文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为文件的选项。修改文本的更多命名格式,包括驼峰命名下划线分隔命名,命名以及命名等切换漂亮的主题 插件集 待补充。。。 20180903 文件 【Path Intellisense】 自动补全路径 浏览器 【Open-In-Browser】在...

    kyanag 评论0 收藏0
  • vscode常用插件【全了】

    摘要:插件集待补充。。。同时,它还包含了用于转换为格式和生成数据模式的选项用于压缩合并和文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为文件的选项。修改文本的更多命名格式,包括驼峰命名下划线分隔命名,命名以及命名等切换漂亮的主题 插件集 待补充。。。 20180903 文件 【Path Intellisense】 自动补全路径 浏览器 【Open-In-Browser】在...

    xcc3641 评论0 收藏0
  • VS code-前端配置_022

    摘要:前端配置简体中文插件,一般会自动识别你的环境,自动提示是否需要简体中文的语言包。使用插件将目前配置保存到上,以后只需要从上获取,就可以一次性安装插件配置信息。 VS code-前端配置 showImg(https://segmentfault.com/img/bVbuK6l?w=1224&h=999); Chinese (Simplified) Language Pack for Vi...

    cyrils 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<