VSCode -- 创建模板文件

最新推荐文章于 2024-04-24 22:53:40 发布

MonkeyPlay Code

最新推荐文章于 2024-04-24 22:53:40 发布

阅读量2.5k

点赞数 2

分类专栏： # RN/Flutter/Android 文章标签： vscode javascript ide

本文链接：https://blog.csdn.net/JH_Cao/article/details/126009215

版权

RN/Flutter/Android 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1. 点击左下角设置（齿轮图标）

2. 选择Configure User Snippets

3. 输入你想创建的模板文件名字

选择New Snippets file for ...
例如输入： TestModel
按回车

4. 出现模板文件

编辑模板文件
注意：每一行都需要用双引号括起来

{
	// Place your global 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, $2 for tab stops, $0 for 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": "testModel",  // 这里是快捷键
		"body": [ // 这里是内容
			"import React, {Component} from 'react';"
			"import {View, Text} from 'react-native';"

			"class className extends Component {"
    		"	render() {"
    		"	    return ("
    		"	        <View>"
    		"	            <Text>Btn: </Text>"
    		"	        </View>"
    		"	    )"
    		"	}"
			"}"

			"export default className;"
		],
		"description": "我是测试模板"
	}
}