• xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!


    code snippets

    vscode & code snippets

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

    HTML5 Template

    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>",
              "    <header>",
              "        <h1>$2</h1>",
              "    </header>",
              "    <main>",
              "        <section>",
              "            <a href="https://feiqa.xgqfrms.xyz/index.html">$3</a>",
              "        </section>",
              "        <article></article>",
              "    <main>",
              "    <footer>",
              "        <p>copyriht&copy; xgqfrms 2019</p>",
              "    </footer>",
              "</body>",
              "</html>"
          ],
          "description": "HTML5 Template & code snippets!"
      }
    }
    
    

    css reset

    
    {
        "CSS3 Template": {
            "prefix": "c3t",
            "body": [
                "@charset "UTf-8";",
                "",
                "/* $1.css */
    ",
                ":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 */
    ",
                ":root {",
                "   --cololr: $2;",
                "   --default-cololr: $2;",
                "   --new-cololr: $3;",
                "}",
            ],
            "description": "CSS3 Template & code snippets!"
        }
    }
    
    

    js6r

    new

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

    old

    
    
    {
        "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!"
        }
    }
    
    
    

    refs

    https://github.com/xgqfrms/vscode



    ©xgqfrms 2012-2020

    www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!


  • 相关阅读:
    万字保姆级长文——Linkedin元数据管理平台Datahub离线安装指南
    【docker专栏1】docker解决的实际问题及应用场景
    【docker专栏3】docker基础概念容器、镜像以及引擎组成部分
    【docker专栏2】CentOS操作系统安装DockerCE
    WebGPU的计算着色器实现冒泡排序
    深度学习基础课:课程介绍
    深度学习基础课系列目录
    深度学习基础课: “判断性别”Demo需求分析和初步设计(下1)
    深度学习基础课:“判断性别”Demo需求分析和初步设计(上)
    WebGPU实现Ray Packet
  • 原文地址:https://www.cnblogs.com/xgqfrms/p/9226993.html
Copyright © 2020-2023  润新知