VScode快速一键生成html、vue、jsx、ajax、sass、docker等代码片段

自定义代码片可以极大地提高我们的工作效率!

1.文件=>首选项=>用户代码片段(或者左下角设置–》用户代码片段)
在这里插入图片描述
2 . 我以.jsx文件为例:
在这里插入图片描述
3 .将里面的代码跟改为以下代码:(保存就可)

{
	"JSX": {
		"prefix": "jsx", //触发的关键字输入jsx按下tab键
		"body": [
			"import React from 'react'",
			"", //空的一行
			"class Demo extends React.component {",
			" \trender() {", //有制表符的一行
			"\t\treturn ( ",
			"\t\t\t$1", //光标首次出现的位置"
			"\t\t)",
			"\t}",
			"}",
			"",
			"export default Demo",
		],
		"description": "jsx components"
	}
}

4.新建jsx文件,输入.jsx(快捷名)回车就可出现以下模板
在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐