VS Code 快速生成代码

例:vs code 中输入 div.list>div.item_$*6 摁下回车键就会生成如下代码
      <div class="list">
          <div class="item_1"></div>
          <div class="item_2"></div>
          <div class="item_3"></div>
          <div class="item_4"></div>
          <div class="item_5"></div>
          <div class="item_6"></div>
      </div>

类名 .

输入 div.wrapper

<div class="wrapper"></div>

id #

div#wrapper

<div id="wrapper"></div>

属性 []

span[title="test"]

<span title="test"></span>

后代 >

div>span>a

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

兄弟 +

div+p+span

<div></div>
<p></p>
<span></span>

上级 ^

div>span^i

<div><span></span></div>
<i></i>

乘法 *

ul>li*2

<ul>
    <li></li>
    <li></li>
</ul>

文本 {}

div>span{this is test}

<div><span>this is test</span></div>

自增符 $

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

<ul>
    <li class="list_1">list 1</li>
    <li class="list_2">list 2</li>
    <li class="list_3">list 3</li>
</ul>

ul>[email protected]*3 “@3” (表示从3开始计数)

<ul>
    <li class="item3">list 1</li>
    <li class="item4">list 2</li>
    <li class="item5">list 3</li>
</ul>

隐式转换

.class

<div class="class"></div>

ul>.item

<ul>
    <li class="item"></li>
</ul>

table>.row>.col

<table>
    <tr class="row">
        <td class="col"></td>
    </tr>
</table>

! 基本html标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

</body>
</html>
 

原文地址:https://www.cnblogs.com/suitongyu/p/12043791.html

时间: 2024-11-09 03:57:40

VS Code 快速生成代码的相关文章

T4模板:MVC中用T4模板快速生成代码

T4模板快速生成代码: 以快速生Dal文件为例,下面为T4模板文件的内容 <#@ template debug="false" hostspecific="true" language="C#" #> <#@ include file="EF.Utility.CS.ttinclude"#> <#@ output extension=".cs" #> <# CodeG

使用 Velocity 模板引擎快速生成代码

原文地址:http://www.ibm.com/developerworks/cn/java/j-lo-velocity1/ Velocity 是一个基于 Java 的模板引擎,它允许任何人仅仅简单的使用模板语言来引用由 Java 代码定义的对象,从而实现界面和 Java 代码的分离,使得界面设计人员可以和 Java 程序开发人员同步开发一个遵循 MVC 架构的 web 站点.但是在实际应用过程中,Velocity 又不仅仅被用在了 MVC 的架构中. Velocity 模板引擎介绍 在现今的软

idea 使用 easyCode 插件快速生成代码,类似mybatis逆向生成代码

可参考EasyCode文档说明: https://gitee.com/makejava/EasyCode/wikis/pages 1.打开idea搜索并安装easyCode插件(以下截图为安装成功之后的截图) 2.安装成功之后可以找到插件自带的模板根据需求自行修改 a.根据需求自行添加数据库类型跟实体类类型的映射 b.修改mapper.xml文件生成的位置为与Mapper.java同一目录下(默认生成位置为 resources/mapper 目录下) 3.建立数据库链接 4.数据库连接之后打开,

visual studio code快速生成Html头部信息和炫酷的代码补全

html:4t.html:4s.html:xt.html:xs.html:xxs.html:5 Child: > nav>ul>li <nav> <ul> <li></li> </ul> </nav> Sibling: + div+p+bq <div></div> <p></p> <blockquote></blockquote> Climb-u

webService请求方式快速生成代码 (Postman)

Postman 这个东西只能在外网下载,是Google一个插件. 1.要到外网,这里就不具体介绍怎么去外网了. 2.上到谷歌浏览器,找到更过工具--->扩张程序--->获取更多扩张程序 3.在搜索框中输入 Postman ,找到后添加到CHROME即可 [我这里是添加过了] 4.打开这个软件,他会自己在你桌面生成一个客户端[接下来才是重点] 输入webService URL ,如果有数据就填写数据,选择的请求类型,点击send ,即可放回参数 5.你以为这样就结束了吗?这个时候才是偷懒的时候.

IOS 通用颜色快速生成代码

通常情况下我们是直接使用类似于#EE1289这样的代码来直接表示RGB颜色的.但是在IOS语言中,它的颜色表示方式比较另类,他是使用一个0-1的小数来表示颜色值的.这样的实现,或许能够表示更多的颜色值,但是,对于程序人员来说它无疑增加了代码量.当我们拿到#EE1289时,一般情况下会这样调用. ? 1 [UIColor colorWithRed:0xEE/255.0 green:0x12/255.0 blue:0x89/255.0 alpha:1]; 这样调用真是太繁琐了,所以封装了一个小方法来

常用简写快速生成代码

1.类中输入 prop\t\t 得到 public int MyProperty { get; set; }光标移动到 int 后方. 2.输入 ctor\t\t 得到构造器函数 public Seat() { } 3.输入 cw\t\t 得到 Console.WriteLine();光标移动到括号里. 原文地址:https://www.cnblogs.com/chenh/p/10295808.html

VS2010快速生成代码模板功能介绍

一只程序猿的生产效率很重要.生成效率高了,老板喜欢你,妹子崇拜你,你也可以给自己节省很多时间. 加班的一般都是新手程序猿,除了对语言和技术不熟悉,工具也是很影响生成效率的因素.我们知道,猿和其他动物最大的区别在于,猿会使用工具.所以这一系列我将介绍一下如何用好手头的工具来帮助我们提高效率. 今天我们来看看如何在Visual Studio 2010中用内置的模板快速生成代码片段. 代码模板就是预先定义好的一个代码片段.VS中,我们只要输入模板的名称,然后连按两下TAB,VS就可以给我们把代码片段补

怎么使用瓦特平台下面的“代码工厂”快速生成BS程序代码

这里说一下怎么使用瓦特平台下面的“代码工厂”快速生成程序代码 使用平台:windows+"visual studio 2010"+"SqlServer2000+" 结构:B/S 生成的结构:前端Html和JS.数据库sql,底层ajax,底层数据交互! 免费下载客户端:(永久有效)----------此版本不附带权限控制! http://pan.baidu.com/s/1hqtGGlA 代码生成介绍 1:打开瓦特平台的设计器: 点击提交:出现---> 在你的机