vscode 自定义用户模板

98 阅读1分钟

生成代码片段的网站snippet-generator.app/

image.png

image.png

image.png

image.png 如果有多个代码片段 也是放到这个根对象里面即可

使用 11,2 等指定光标位置。这些数字指定了光标跳转的顺序。特别地,$0表示最终光标位置。

image.png

html.json 定义的只是在新建文件那时候输入前缀才能提示

在script里面生效就在javascript .json里面添加 image.png

加入vue的模板

"demo": {
  "prefix": "vue",
  "body": [
    "<template>",
    "  <div class="">",
    "  ",
    "  </div>",
    "</template>",
    "",
    "<script>",
    "export default {",
    "  name: "",",
    "  created() {",
    "",
    "  },",
    "  mounted() {",
    "",
    "  },",
    "  data() {",
    "    return {",
    "",
    "    };",
    "  },",
    "  computed: {",
    "",
    "  },",
    "  methods: {",
    "",
    "  }",
    "};",
    "</script>",
    "",
    "<style lang="scss"  scoped>",
    "",
    "</style>",
    ""
  ],
  "description": "demo"
}

代码注释

要在javaScript生效加到javascript.json 中

image.png

//代码块注释效果:
    /** 
     * 1 
     * 2
     * 3
    */

配置:

	"daimakuai": {
		"prefix": "zs",
		"body": [
			"/** $1 */"
		],
		"description": "daimakuai"
	},