vs code 用户代码片段

xiefandaren

vue得片段

1. {
   
2.         "Print to console": {
   
3.                 "prefix": "vue3", //这里的vue是代码指令,你可以随意更改
   
4.                 "body": [ // body[]中的代码就是 输入vue指令后显示的代码
   
5.                
   
6.                         "<script setup lang='ts'>",
   
7.                         "import { reactive,toRefs,ref,computed} from 'vue'",
   
8.                         // "import { useStore } from 'vuex'",
   
9.                         // "import { useRouter } from 'vue-router'",
   
10.                         "",
    
11.                         // "export default {",
    
12.                         // // "  name: '',",          // 这里每段代码的“”双引号是必须加的,后面要跟上逗号 ","
    
13.                         // // "  components: {},",    // 代码前面,双引号内的空格是设置空格样式的, 一个空格对应vue文件中的一个空格
    
14.                         // // "  data () {",
    
15.                         // // "    return {",
    
16.                         // // "    }",
    
17.                         // // "  },",
    
18.                         // // "  created () { },",
    
19.                         // // "  mounted () { },",
    
20.                         // // "  methods: {}",
    
21.                         // " setup() { ",
    
22.                         // "   const router=useRouter()",
    
23.                         // "   const store=useStore()",
    
24.                         // "",
    
25.                         // "   computed=(()=>{", //获取vuex里的数据
    
26.                         // "   return",
    
27.                         // "  });",
    
28.                         // "",
    
29.                         // "   return{}",
    
30.                         // "},",
    
31.                         // "}",
    
32.                         "</script>",
    
33.                                 // "$1",             // 这里的$1 可以不要,建议去掉
    
34.                                 "<template>",
    
35.                                 "<div>",
    
36.                                 "xiefan",
    
37.                                 "</div>",
    
38.                                 "</template>",
    
39.                                 "", // 这里的引号内的空, 是为了添加 空行
    
40.                         "<style scoped lang='less'>",
    
41.                         "$2", // 这里的$2 作用也是添加空行
    
42.                         "</style>",
    
43.                         "" // 这里加空行, 是为了解决vue中</style>后面报错缺少空行的问题
    
44.                 ],
    
45.         }
    
46. }

复制代码

threejs纯js得原生片段

1. {
   
2.         "Print to console": {
   
3.                 "prefix": "threevue", //这里的vue是代码指令,你可以随意更改
   
4.                 "body": [ // body[]中的代码就是 输入vue指令后显示的代码
   
5.                
   
6.                         "<script>",
   
7.                         "import { reactive,toRefs,ref,computed} from 'vue'",
   
8.                         "import * as THREE from 'three'",
   
9.                         // "import { useStore } from 'vuex'",
   
10.                         // "import { useRouter } from 'vue-router'",
    
11.                         "",
    
12.                         // "export default {",
    
13.                         // // "  name: '',",          // 这里每段代码的“”双引号是必须加的,后面要跟上逗号 ","
    
14.                         // // "  components: {},",    // 代码前面,双引号内的空格是设置空格样式的, 一个空格对应vue文件中的一个空格
    
15.                         // // "  data () {",
    
16.                         // // "    return {",
    
17.                         // // "    }",
    
18.                         // // "  },",
    
19.                         // // "  created () { },",
    
20.                         // // "  mounted () { },",
    
21.                         // // "  methods: {}",
    
22.                         // " setup() { ",
    
23.                         // "   const router=useRouter()",
    
24.                         // "   const store=useStore()",
    
25.                         // "",
    
26.                         // "   computed=(()=>{", //获取vuex里的数据
    
27.                         // "   return",
    
28.                         // "  });",
    
29.                         // "",
    
30.                         // "   return{}",
    
31.                         // "},",
    
32.                         // "}",
    
33.                         "</script>",
    
34.                                 // "$1",             // 这里的$1 可以不要,建议去掉
    
35.                                 "<template>",
    
36.                                 "<div>",
    
37.                                 "threejs",
    
38.                                 "</div>",
    
39.                                 "</template>",
    
40.                                 "", // 这里的引号内的空, 是为了添加 空行
    
41.                         "<style >",
    
42.                         "$2", // 这里的$2 作用也是添加空行
    
43.                         "</style>",
    
44.                         "" // 这里加空行, 是为了解决vue中</style>后面报错缺少空行的问题
    
45.                 ],
    
46.         }
    
47. }

复制代码

1. {
   
2.         "Print to console": {
   
3.                         "prefix": "vue3", //这里的vue是代码指令,你可以随意更改
   
4.                         "body": [ // body[]中的代码就是 输入vue指令后显示的代码
   
5.                        
   
6.                                         "<script setup>",
   
7.                                         "import { reactive,toRefs,ref,onMounted, watch } from 'vue'",
   
8.                                         // "import { useStore } from 'vuex'",
   
9.                                         "onMounted(() => {",
   
10.                                         "})",
    
11.                                         // "export default {",
    
12.                                         // // "  name: '',",          // 这里每段代码的“”双引号是必须加的,后面要跟上逗号 ","
    
13.                                         // // "  components: {},",    // 代码前面,双引号内的空格是设置空格样式的, 一个空格对应vue文件中的一个空格
    
14.                                         // // "  data () {",
    
15.                                         // // "    return {",
    
16.                                         // // "    }",
    
17.                                         // // "  },",
    
18.                                         // // "  created () { },",
    
19.                                         // // "  mounted () { },",
    
20.                                         // // "  methods: {}",
    
21.                                         // " setup() { ",
    
22.                                         // "   const router=useRouter()",
    
23.                                         // "   const store=useStore()",
    
24.                                         // "",
    
25.                                         // "   computed=(()=>{", //获取vuex里的数据
    
26.                                         // "   return",
    
27.                                         // "  });",
    
28.                                         // "",
    
29.                                         // "   return{}",
    
30.                                         // "},",
    
31.                                         // "}",
    
32.                                         "</script>",
    
33.                                                         // "$1",             // 这里的$1 可以不要,建议去掉
    
34.                                                         "<template>",
    
35.                                                         "<div>",
    
36.                                                         "xiefan",
    
37.                                                         "</div>",
    
38.                                                         "</template>",
    
39.                                                         "", // 这里的引号内的空, 是为了添加 空行
    
40.                                         "<style scoped lang='less'>",
    
41.                                         "$2", // 这里的$2 作用也是添加空行
    
42.                                         "</style>",
    
43.                                         "" // 这里加空行, 是为了解决vue中</style>后面报错缺少空行的问题
    
44.                         ],
    
45.         }
    
46. }

复制代码