vscode代码片段

最新推荐文章于 2024-04-23 00:58:44 发布

antRain

最新推荐文章于 2024-04-23 00:58:44 发布

阅读量563

点赞数 1

分类专栏： vscode 文章标签： vscode liveTemplate

本文链接：https://blog.csdn.net/qq_41146650/article/details/107725683

版权

vscode 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

使用

点击设置中的用户代码段
选择要为哪种文件设置代码片段
比如输入java后，创建java.json后，里面的配置在*.java里有效

语法

"main":{
		"prefix": "psvm",
		"body": [
			"public static void main(String[] args){",
			"\t $1",
			"}"
		],
		"description": "main函数"
	},

main: 命名
prefix: 输入psvm 回车后使用替代的body里面的内容
description: 在输入前缀时后面的提示信息
$1: 光标的位置从1开始递增，使用tab切换，特别的$0 结束的位置
参考
删除文件尚无在vscod找到好的办法，直接在文件里删除C:\Users\Administrator\AppData\Roaming\Code\User\snippets

java

{
	"main":{
		"prefix": "psvm",
		"body": [
			"public static void main(String[] args){",
			"\t $1",
			"}"
		],
		"description": "main函数"
	}
}

html

{
	"vue":{
        "prefix": "vue-app",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "<head>",
            "\t<meta charset=\"UTF-8\">",
            "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
            "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
            "\t<title>vue实例</title>",
            "\t<!--<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>-->\"",
            "\t<script src=\"./js/vue.js\"></script>",     
            "</head>\n",
            "<body>",
            "\t<div id =\"app\"> </div>\n",
            "\t<script>",
            "\t var vm = new Vue({",
            "\t\tel: '#app',",
            "\t\tdata: {},",
            "\t\tmethods: {}",
            "\t });",
            "\t</script>",
            "</body>\n",
            "</html>"
        ],
        "description": "创建vue模板" // 模板的描述
    },
    "console": {
		"prefix": "log",
		"body": [
			"console.log('$1')"
		],
		"description": "js 输出"
	}
}

js

{
	"console": {
		"prefix": "log",
		"body": [
			"console.log('$1')"
		],
		"description": "js 输出"
	}
}

sql

{
	"create db":{
		"prefix": "c-db",
		"body": [
			"CREATE DATABASE IF NOT EXISTS `$1`;",
			"USE `$2`;",
			"$0"
		],
		"description": "创建数据库"
	}
}

yml

springboot配置选择 spring-boot-properties-yaml

{
	"JDBC": {
		"prefix": "sql",
		"body": [
			"spring:",
			"\tdatasource:",
			"\t\tdriver-class-name: com.mysql.cj.jdbc.Driver",
			"\t\ttype: com.alibaba.druid.pool.DruidDataSource",
			"\t\tusername: root",
			"\t\tpassword: 654321",
			"\t\turl: jdbc:mysql://localhost:3306/$1?useSSL=false&serverTimezone=Asia/Shanghai"
		],
		"description": "springboot数据库连接"
	}
}

antRain

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vscode代码片段

使用点击设置中的用户代码段选择要为哪种文件设置代码片段比如输入java后，创建java.json后，里面的配置在*.java里有效语法"main":{ "prefix": "psvm", "body": [ "public static void main(String[] args){", "\t $1", "}" ], "description": "main函数" },main: 命名prefix: 输入psvm 回车后使用替代的body里
复制链接

扫一扫