VSCODE通用技能拓展-EMMET

时间：2020年09月11日 | 作者 : aaronyang | 分类 : web开发 | 浏览: 174次 | 评论 0 人

vscode自带emmet

首先安装个插件open in browser

新建一个文件夹webcommon，加入工作区

然后新建1.html

确认操作：

输入html后面就有提示了，回车就行了。

如果复制过来html:5 然后tab一下也行

日常操作动作，是tab还是回车：

然后删除 lang="en"

常见标签逻辑

创建meta

第一种 你输入完了，按tab键，是形成一个封闭的 tag标签

第二种，你输入一半有提示出来了，移动选择好，按下回车键，或者鼠标选择，则会输入完整

作弊码：

具体请参考

比如常用的 

  a:link

还有一堆

具体的字迹参考

常用类型大致分为：

  dom节点的快速输入,参考作弊表

 css节点的快速输入，参考作弊表

 还有特质的特殊语法的，批量创建dom节点,参考作弊表

    > 子级别

    + 同级别

    ^ 一个向上移动一层级别

    ()分组

    *乘以一个数量

    $*数字，列表数字 占位符，比如循环2次，第一次完成一批，$就会被替换为1，然后第二个完成就会替换为2

    $$*数字，多个$出现，左边的以0填充，表示最少N位数字，那么$$$ 本来就是1，左边补充2位，就会替换为001

    $@-*数字 倒数 列表数字，本来1,2,3,4...现在 ...4,3,2,1

    $@数字A*数字B，数字A开始+1，一直加数字B个次数

    特殊标签和类特性

      #代表id，

    . 代表样式

    自定义特性

    {} 代表文本

特殊隐藏转换的标签

 还有快捷键快速定位位置（定位这些，在vscode没有用）等

====================www.ayjs.net       杨洋    wpfui.com        ayui      ay  aaronyang=======请不要转载谢谢了。=========

推荐您阅读更多有关于“”的文章

• 上一篇：【AY】从C#转web前端之路记录[3]-vuex浅接入
• 下一篇：VSCODE 的 终端始终弹窗显示，如何解决

猜你喜欢