code snippets

vscode & code snippets

https://github.com/xgqfrms/FEIQA/tree/master/000-xyz/templates

css reset


{
    "CSS3 Template": {
        "prefix": "c3t",
        "body": [
            "@charset \"UTf-8\";",
            "",
            "/* $1.css */\n",
            ":root {",
            "    --cololr: #fff;",
            "    --default-cololr: #000;",
            "    --new-cololr: #0f0;",
            "}",
            "",
            "html{",
            "    font-size: 62.5%;",
            "    /* 10px = 1rem */",
            "}",
            "",
            "* {",
            "    box-sizing: border-box;",
            "    -moz-box-sizing: border-box;",
            "    -webkit-box-sizing: border-box;",
            "}",
            "",
            "html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, th, td, a, img, video {",
            "    margin: 0;",
            "    padding: 0;",
            "    border: 0;",
            "    outline: 0;",
            "}",
            "",
        ],
        "description": "CSS3 Template & code snippets!"
    }
}

c3t


{
    "CSS3 Template": {
        "prefix": "c3t",
        "body": [
            "@charset \"UTf-8\";",
            "",
            "/* $1.css */\n",
            ":root {",
            "   --cololr: $2;",
            "   --default-cololr: $2;",
            "   --new-cololr: $3;",
            "}",
        ],
        "description": "CSS3 Template & code snippets!"
    }
}

js6r



{
    "JavaScript ES6 React Template": {
        "prefix": "js6r",
        "body": [
            "\"use strict\";",
            "",
            "/**",
            " * ",
            " * @author xgqfrms",
            " * @license MIT",
            " * @copyright xgqfrms",
            " * ",
            " * @description $2",
            " * @augments $3",
            " * @example $4",
            " * ",
            " */",
            "",
            "const $2Generator = ($5datas = [], debug = false) => {",
            "    let result = ``;",
            "    // do something...",
            "    return $7result;",
            "};",
            "",
            "",
            "",
            "export default $2;",
            "",
            "export {",
            "    $2,",
            "};",
            "",
        ],
        "description": "JavaScript ES6 React Template & code snippets!"
    }
}

h5t


{
    "HTML5 Template": {
        "prefix": "h5t",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"zh-Hans\">",
            "<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\">",
            "    <meta name=\"author\" content=\"xgqfrms\">",
            "    <meta name=\"generator\" content=\"VS code\">",
            "    <title>$1</title>",
            "</head>",
            "<body>",
            "    <section>",
            "        <h1>$2</h1>",
            "        <a href=\"https://feiqa.xgqfrms.xyz/index.html\">$3</a>",
            "    </section>",
            "</body>",
            "</html>"
        ],
        "description": "HTML5 Template & code snippets!"
    }
}

json



{
    "NPM JSON Template": {
        "prefix": "njt",
        "body": [
            "{",
            "   \"name\": \"$1npm node project\",",
            "   \"description\": \"$2an open source project created by xgqfrms\",",
            "   \"author\": \"xgqfrms\",",
            "   \"version\": \"1.1.1\",",
            "   \"license\": \"MIT\",",
            "   \"private\": true,",
            "   \"scripts\": {",
            "       \"dev\": \"npm run start\",",
            "       \"app\": \"npm run build\",",
            "       \"rmrf\": \"rimraf dist/**/*\",",
            "       \"map\": \"rimraf dist/**/*.map\"",
            "   },",
            "   \"bin\": {",
            "       \"dev\": \"dev\",",
            "       \"app\": \"app\"",
            "   },",
            "   \"keywords\": [",
            "       \"Node.js\",",
            "       \"NPM\",",
            "       \"JS\"",
            "   ]",
            "",
            "}"
        ],
        "description": "NPM JSON Template & code snippets!"
    }
}

json5

JSON5


{
    "JSON5 Template": {
        "prefix": "json5",
        "body": [
            "{",
            "   \"name\": \"$1npm node project\",",
            "   \"description\": \"$2an open source project created by xgqfrms\",",
            "   \"author\": \"xgqfrms\",",
            "   \"version\": \"1.1.1\",",
            "   \"license\": \"MIT\",",
            "   \"private\": true,",
            "   \"scripts\": {",
            "       \"dev\": \"npm run start\",",
            "       \"app\": \"npm run build\",",
            "       \"rmrf\": \"rimraf dist/**/*\",",
            "       \"map\": \"rimraf dist/**/*.map\"",
            "   },",
            "   \"bin\": {",
            "       \"dev\": \"dev\",",
            "       \"app\": \"app\"",
            "   },",
            "   \"keywords\": [",
            "       \"Node.js\",",
            "       \"NPM\",",
            "       \"JS\"",
            "   ]",
            "",
            "}"
        ],
        "description": "JSON5 Template & code snippets!"
    }
}

jsonc

JSON with Comments


{
    "JSON with Comments Template": {
        "prefix": "jsonc",
        "body": [
            "{",
            "   \"name\": \"$1npm node project\",",
            "   \"description\": \"$2an open source project created by xgqfrms\",",
            "   \"author\": \"xgqfrms\",",
            "   \"version\": \"1.1.1\",",
            "   \"license\": \"MIT\",",
            "   \"private\": true,",
            "   \"scripts\": {",
            "       \"dev\": \"npm run start\",",
            "       \"app\": \"npm run build\",",
            "       \"rmrf\": \"rimraf dist/**/*\",",
            "       \"map\": \"rimraf dist/**/*.map\"",
            "   },",
            "   \"bin\": {",
            "       \"dev\": \"dev\",",
            "       \"app\": \"app\"",
            "   },",
            "   \"keywords\": [",
            "       \"Node.js\",",
            "       \"NPM\",",
            "       \"JS\"",
            "   ]",
            "",
            "}"
        ],
        "description": "JSON with Comments Template & code snippets!"
    }
}

vscode & code snippets的更多相关文章

  1. Code Snippets 代码片段

    Code Snippets 代码片段       1.Title : 代码片段的标题 2.Summary : 代码片段的描述文字 3.Platform : 可以使用代码片段的平台,有IOS/OS X/ ...

  2. Xcode开发中 Code Snippets Library 的相关用法

    当在进行项目的时候,总会遇到很多相同的写法.因此,我们可以使用Code Snippets Library 来进行代码小片段的“封装”: 以Xcode中常用的属性为例: 使用步骤如下: 1.在Xcode ...

  3. Xcode开发技巧之Code Snippets Library

    http://blog.csdn.net/lin1986lin/article/details/21180007 目录(?)[-] 引言 什么是Code Snippets 如何新建Code Snipp ...

  4. Problem and Solution Code Snippets

    (积累知识,遇到发展,本文仅用于备忘录,不时它需要召回准备) Problem: 依据String的大小来调整Label的frame.在view中又一次更新views的layout并显示. Soluti ...

  5. Sublime Text3—Code Snippets(自定义代码片段)

    摘要 程序员总是会不断的重复写一些简单的代码片段,为了提高编码效率,我们可以把经常用到的代码保存起来再调用. 平时用sublime安装各种插件,使用Tab键快速补全,便是snippets(可译为代码片 ...

  6. iOS开发-代码片段(Code Snippets)提高开发效率

    简介 在 XCode4 引入了一个新特性,那就是“代码片段(Code Snippets)”.对于一些经常用到的代码,抽象成模板放到 Code Snippets 中,使用的时候就只需要键入快捷键就可以了 ...

  7. Useful code snippets with C++ boost

    Useful code snippets with C++ boost Is Punctuation It’s very straight forward to use boost.regex as ...

  8. vscode插件-JavaScript(ES6) Code Snippets 缩写代表含义

    Import and export Trigger Content imp→ imports entire module import fs from 'fs'; imn→ imports entir ...

  9. Random Javascript code snippets

    MollyPages.org"You were wrong case.To live here is to live." Home Pages / Database / Forms ...

随机推荐

  1. iOS:让UIView覆盖导航栏

    当我们想做一个弹出式菜单时,想将导航栏也一起盖住不显示的话,可以用如下语句实现: UIView* myView = /* 你自定义的view */; UIWindow* currentWindow = ...

  2. Eclipse下对MAVEN进行junit软件测试

    一.Maven project management and build automation tool, more and more developers use it to manage the ...

  3. Software Engineer(百赴美)

    http://talent.baidu.com/component1000/corp/baidu/html/BFM.html http://talent.baidu.com/baidu/web/tem ...

  4. 迅为iMX6Q/PLUS开发板烧写设备树内核 Qt 系统

    迅为iMX6Q 和 iMX6PLUS 两个硬件版本,设备树镜像的烧写方法以及镜像所在目录,镜像名称全部一致. 如果用的是 iMX6Q 版本,想要烧写设备树版本镜像,请使用 iMX6Q 设备树版本的光盘 ...

  5. iOS7.1企业应用"无法安装应用程序 因为证书无效"的解决方案

    今天升级了iOS7.1后发现通过之前的url无法安装企业应用了,一直提示“无法安装应用程序 因为http://xxx.xxx.xxx证书无效”,折腾了一番,终于在StackOverFlow上找到了答案 ...

  6. 广播接收者 BroadcastReceiver

    1. 分为动态注册和静态注册, 静态注册在清单文件里配置即可.动态创建为代码手动添加. 在锁屏广播中, 使用静态创建消息接受不成功, 原因未知. 动态即可. 代码如下: 2. 创建类, 继承与Broa ...

  7. faster rcnn需要理解的地方

    http://blog.csdn.net/terrenceyuu/article/details/76228317 https://www.cnblogs.com/houkai/p/6824455.h ...

  8. noj-1102-黑白图像

    1 //题目地址:http://acm.njupt.edu.cn/acmhome/problemdetail.do?method=showdetail&id=1102              ...

  9. python基础面试题整理---从零开始 每天十题(01)

    最近在弄flask的东西,好久没写博客的,感觉少了点什么,感觉被别人落下好多,可能渐渐的养成了写博客的习惯吧.也是自己想学的东西太多了(说白了就是基础太差了,只是know how,不能做到konw w ...

  10. html制作简单框架网页 实现自己的音乐驿站 操作步骤及源文件下载 (播放功能限mp3文件)

    使用HTML语言来设计制作 Hyper Text Markup Language 超文本标记语言 这门语言的特点就是标记,就是把所有的命令单词用<>标记起来,就可以发挥作用 还有一个特点, ...