vscode活动模板添加

最新推荐文章于 2023-05-04 15:30:15 发布

晨曦之光11

最新推荐文章于 2023-05-04 15:30:15 发布

阅读量1.8k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_21796899/article/details/78584348

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

{
    /*// Place your snippets for HTML here. Each snippet is defined under a snippet name and has a prefix, body and 
    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
    // same ids are connected.
    // Example:
    "Print to console": {
        "prefix": "log",
        "body": [
            "console.log('$1');",
            "$2"
        ],
        "description": "Log output to console"
    }*/

    "canvas": {
        "prefix": "htmlcv",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "<head>",
                "\t<meta charset=\"UTF-8\">",
                "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
                "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
                "\t<title>Document</title>",
            "</head>",
            "<body>",
                "\t<canvas id=\"cv\"></canvas>",
                "",
                "\t<script>",
                    "\t\tvar cv = document.getElementById('cv');",
                    "\t\tcv.height = 400;",
                    "\t\tcv.width = 600;",
                    "\t\tcv.style.border = '1px solid red';",
                    "\t\t",
                    "\t\tvar context = cv.getContext('2d');",
                    "\t\t$0",
                "\t</script>",
            "</body>",
            "</html>"
        ],
        "description": "htmlcv to canvas"
    },

    "canvas radian": {
        "prefix": "hcv",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "<head>",
                "\t<meta charset=\"UTF-8\">",
                "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
                "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
                "\t<title>Document</title>",
            "</head>",
            "<body>",
                "\t<canvas id=\"cv\"></canvas>",
                "",
                "\t<script>",
                    "\t\tvar cv = document.getElementById('cv');",
                    "\t\tcv.height = 400;",
                    "\t\tcv.width = 600;",
                    "\t\tcv.style.border = '1px solid red';",
                    "\t\t",
                    "\t\tvar context = cv.getContext('2d');",
                    "\t\tvar toRadian = function( angle ) {",
                        "\t\t\treturn angle / 180 * Math.PI;",
                    "\t\t};",
                    "\t\t$0",
                "\t</script>",
            "</body>",
            "</html>"
        ],
        "description": "htmlcv to canvas"
    },

    "angualr template": {
        "prefix": "ng",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "",
            "<head>",
            "\t<meta charset=\"UTF-8\">",
            "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
            "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
            "\t<title>Document</title>",
            "</head>",
            "",
            "<body ng-app=\"myApp\">",
            "\t<div ng-controller=\"DemoController\">",
            "",
            "\t</div>",
            "",
            "\t<script src=\"./angular.js\"></script>",
            "\t<script>",
            "\t\tangular",
            "\t\t\t.module('myApp', [])",
            "\t\t\t.controller('DemoController', ['$$scope', function ($$scope) {",
            "\t\t\t\t$1",
            "\t\t\t}]);",
            "\t</script>",
            "</body>",
            "",
            "</html>"
        ]   
    },

    "vue template": {
        "prefix": "vh",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "",
            "<head>",
            "\t<meta charset=\"UTF-8\">",
            "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
            "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
            "\t<title>Document</title>",
            "</head>",
            "",
            "<body>",
            "\t<div id=\"app\">",
            "\t</div>",
            "\t<script src=\"./vue.js\"></script>",
            "\t<script>",
            "\t\tvar vm = new Vue({",
            "\t\t\tel: '#app',",
            "\t\t\tdata: {",
            "\t\t\t\t$1",
            "\t\t\t}",
            "\t\t})",
            "\t</script>",
            "</body>",
            "",
            "</html>"
        ]
    }
}

晨曦之光11

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vscode活动模板添加

{ /*// Place your snippets for HTML here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body
复制链接

扫一扫