{
/*// 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>"
]
}
}
vscode活动模板添加
最新推荐文章于 2024-08-13 21:05:04 发布