当前位置:网站首页 / web开发 / 正文

VSCODE通用技能拓展-EMMET

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

vscode自带emmet

首先安装个插件open in browser

image.png

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

然后新建1.html

image.png

image.png

确认操作:

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

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


日常操作动作,是tab还是回车:

然后删除 lang="en"

常见标签逻辑

创建meta

image.png

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

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

3.gif


作弊码:

具体请参考


比如常用的 

  a:link

还有一堆

image.png

image.png

具体的字迹参考



常用类型大致分为:

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

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

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

    > 子级别

    + 同级别

    ^ 一个向上移动一层级别

    ()分组

    *乘以一个数量

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

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

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

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

    image.png

    特殊标签和类特性

      #代表id,

    . 代表样式

image.png

    自定义特性

image.png

    {} 代表文本

image.png

特殊隐藏转换的标签

image.png


 还有快捷键快速定位位置(定位这些,在vscode没有用)等





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





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

猜你喜欢

额 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  查看权限

合肥科大智能常年招聘.NET,Java,Web前端,有想找想换工作的私聊我AY唯一QQ:875556003和AY交流

抖音号:wpfui,可以看到我的很多作品效果

AYUI8社区版Github地址:前往获取

作者:杨洋(AaronYang简称AY,安徽六安人)目前是个人,还没公司AY唯一QQ:875556003和AY交流

高中学历,2015年1月17日开始,兴趣学习研究WPF,目前工作繁忙,不接任何活

声明:AYUI7个人与商用免费,源码可购买。部分DEMO不免费.AY主要靠卖技术服务挣钱

不是从我处购买的ayui7源码,我不提供任何技术服务,如果你举报从哪里买的,我可以帮你转正为我的客户,并送demo

查看捐赠

AYUI7.X MVC教程 更新如下:

第一课 第二课 程序加密教程

vs2015 企业版密钥HM6NR-QXX7C-DFW2Y-8B82K-WTYJV

vs2017 企业版密钥NJVYC-BMHX2-G77MM-4XJMR-6Q8QF

标签列表