vs code 用户代码片段

[复制链接]
查看: 478   回复: 0

211

主题

211

帖子

1166

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1166
2023-4-16 13:41:21   显示全部楼层   阅读模式  
1.jpg


vue得片段
{
        "Print to console": {
                "prefix": "vue3", //这里的vue是代码指令,你可以随意更改
                "body": [ // body[]中的代码就是 输入vue指令后显示的代码
                
                        "<script setup lang='ts'>",
                        "import { reactive,toRefs,ref,computed} from 'vue'",
                        // "import { useStore } from 'vuex'",
                        // "import { useRouter } from 'vue-router'",
                        "",
                        // "export default {",
                        // // "  name: '',",          // 这里每段代码的“”双引号是必须加的,后面要跟上逗号 "," 
                        // // "  components: {},",    // 代码前面,双引号内的空格是设置空格样式的, 一个空格对应vue文件中的一个空格
                        // // "  data () {",
                        // // "    return {",
                        // // "    }",
                        // // "  },",
                        // // "  created () { },",
                        // // "  mounted () { },",
                        // // "  methods: {}",
                        // " setup() { ",
                        // "   const router=useRouter()",
                        // "   const store=useStore()",
                        // "",
                        // "   computed=(()=>{", //获取vuex里的数据
                        // "   return",
                        // "  });",
                        // "",
                        // "   return{}",
                        // "},",
                        // "}",
                        "</script>",
                                // "$1",             // 这里的$1 可以不要,建议去掉
                                "<template>",
                                "<div>",
                                "xiefan",
                                "</div>",
                                "</template>",
                                "", // 这里的引号内的空, 是为了添加 空行
                        "<style scoped lang='less'>",
                        "$2", // 这里的$2 作用也是添加空行
                        "</style>",
                        "" // 这里加空行, 是为了解决vue中</style>后面报错缺少空行的问题
                ],
        }
}


threejs纯js得原生片段
{
        "Print to console": {
                "prefix": "threevue", //这里的vue是代码指令,你可以随意更改
                "body": [ // body[]中的代码就是 输入vue指令后显示的代码
                
                        "<script>",
                        "import { reactive,toRefs,ref,computed} from 'vue'",
                        "import * as THREE from 'three'",
                        // "import { useStore } from 'vuex'",
                        // "import { useRouter } from 'vue-router'",
                        "",
                        // "export default {",
                        // // "  name: '',",          // 这里每段代码的“”双引号是必须加的,后面要跟上逗号 "," 
                        // // "  components: {},",    // 代码前面,双引号内的空格是设置空格样式的, 一个空格对应vue文件中的一个空格
                        // // "  data () {",
                        // // "    return {",
                        // // "    }",
                        // // "  },",
                        // // "  created () { },",
                        // // "  mounted () { },",
                        // // "  methods: {}",
                        // " setup() { ",
                        // "   const router=useRouter()",
                        // "   const store=useStore()",
                        // "",
                        // "   computed=(()=>{", //获取vuex里的数据
                        // "   return",
                        // "  });",
                        // "",
                        // "   return{}",
                        // "},",
                        // "}",
                        "</script>",
                                // "$1",             // 这里的$1 可以不要,建议去掉
                                "<template>",
                                "<div>",
                                "threejs",
                                "</div>",
                                "</template>",
                                "", // 这里的引号内的空, 是为了添加 空行
                        "<style >",
                        "$2", // 这里的$2 作用也是添加空行
                        "</style>",
                        "" // 这里加空行, 是为了解决vue中</style>后面报错缺少空行的问题
                ],
        }
}
{
        "Print to console": {
                        "prefix": "vue3", //这里的vue是代码指令,你可以随意更改
                        "body": [ // body[]中的代码就是 输入vue指令后显示的代码
                        
                                        "<script setup>",
                                        "import { reactive,toRefs,ref,onMounted, watch } from 'vue'",
                                        // "import { useStore } from 'vuex'",
                                        "onMounted(() => {",
                                        "})",
                                        // "export default {",
                                        // // "  name: '',",          // 这里每段代码的“”双引号是必须加的,后面要跟上逗号 "," 
                                        // // "  components: {},",    // 代码前面,双引号内的空格是设置空格样式的, 一个空格对应vue文件中的一个空格
                                        // // "  data () {",
                                        // // "    return {",
                                        // // "    }",
                                        // // "  },",
                                        // // "  created () { },",
                                        // // "  mounted () { },",
                                        // // "  methods: {}",
                                        // " setup() { ",
                                        // "   const router=useRouter()",
                                        // "   const store=useStore()",
                                        // "",
                                        // "   computed=(()=>{", //获取vuex里的数据
                                        // "   return",
                                        // "  });",
                                        // "",
                                        // "   return{}",
                                        // "},",
                                        // "}",
                                        "</script>",
                                                        // "$1",             // 这里的$1 可以不要,建议去掉
                                                        "<template>",
                                                        "<div>",
                                                        "xiefan",
                                                        "</div>",
                                                        "</template>",
                                                        "", // 这里的引号内的空, 是为了添加 空行
                                        "<style scoped lang='less'>",
                                        "$2", // 这里的$2 作用也是添加空行
                                        "</style>",
                                        "" // 这里加空行, 是为了解决vue中</style>后面报错缺少空行的问题
                        ],
        }
}


回复

使用道具 举报

您需要登录后才可以回帖   登录 立即注册

高级模式

南通谢凡软件科技有限公司