{
// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2for tab stops, $0for the final cursor position, and ${1:label}, ${2:another}for placeholders.
// Placeholders with the same ids are connected.
// Example:console.log('%cmsg', 'font-size:20px;color:skyblue', '1111');"Print to console":{
// "scope":"javascript,typescript",
"prefix":"clog",
"body":["console.log('%c ⛳ ${msg}: ', ",
"'font-size:20px;background:#4da6ff;color:#fff;',",
" ${res});",
],
"description":"Log output to console"}}
二、其他代码片段
2.1. 快速生成Vue2模板
{
// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2for tab stops, $0for the final cursor position, and ${1:label}, ${2:another}for placeholders.
// Placeholders with the same ids are connected.
// Example:
"vue compontent":{"prefix":"vue2",
"body":["<template>",
" <div></div>",
"</template>",
"<script>",
"export default {",
" data() {",
" return {};",
" },",
" created() {},",
" methods: {},",
"};",
"</script>",
"<style scoped lang=\"scss\"></style>",
""],
"description":"vue compontent"}}
2.1. 快速生成Vue3模板
{
// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2for tab stops, $0for the final cursor position, and ${1:label}, ${2:another}for placeholders.
// Placeholders with the same ids are connected.
// Example:
// "Print to console":{
// "scope":"javascript,typescript",
// "prefix":"log",
// "body":[
// "console.log('$1');",
// "$2"
// ],
// "description":"Log output to console"
// }"v3 compontent":{"prefix":"vue3",
"body":["<template>",
" <div> ${info} </div>",
"</template>",
"<script lang=\"ts\" setup></script>",
"<style lang=\"scss\" scoped></style>"],
"description":"nuxt compontent"}}