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 发布文章使用:只允许注册用户才可以访问!


原文地址:https://www.cnblogs.com/xgqfrms/p/9226993.html