[VsCode] Cómo usar fragmentos de código en VsCode para ingresar rápidamente código común (muy práctico, con imágenes y ejemplos)

1. Simplemente ingrese dos [! ! ] para obtener el fragmento de código deseado.

Por ejemplo: mírame, ingresa dos signos de exclamación, presiona Enter y aparece el siguiente código:

1. Archivo--Preferencias--Fragmentos de usuario

 2. Seleccione [Nuevo archivo de fragmento de código global]

 3. Ingrese el nombre del archivo: html-js-vue-demo (puede ingresarlo aquí, siempre que no se repita), presione [Enter]

 4. Aparece como se muestra a continuación

 5. Elimine todo el contenido y luego copie el siguiente código en todo el archivo (¡CV Dafa, ya sabe!)

Punto 1: si hay comillas dobles en el código, debe usar \" en su lugar.

Punto 2: El punto clave es la configuración del prefijo, que es el comando de entrada de acceso directo. Establecí dos signos de exclamación como comando de acceso directo.

{
	"html-js-vue-demo": {
		"scope": "html",
		"prefix":"!!",
		"body": [
			"<!DOCTYPE html>",
			"<html lang=\"en\">",
			"",
			"<head>",
			"<meta charset=\"UTF-8\">",
				"<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
				"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
				"<title>demo</title>",
				"</head>",
			"<script type=\"text/javascript\" src=\"vue.js\"></script>",
			
			"<body>",
			"<div id=\"box\">",
				"</div>",
				"</body>",
			"<script type=\"text/javascript\">",
			"var box = new Vue({",
				"el: \"#box\",",
					"data: {",
					"",
					"}",
					"})",
				"</script>",
			"",
			"</html>",
		],
		"description": "html and vue model"
	}
}

6. Cuando termine, haga clic en Guardar y cerrar.

 6, pruébalo, siéntete bien

 Si no hay formato, presione [alt]+[shift]+F, se formateará automáticamente.

código vue:

{
	"vue-demo": {
		"scope": "js",
		"prefix":"vue-script",
		"body": [
			"<script type=\"text/javascript\" src=\"vue.js\"></script>",
		],
		"description": "html and vue model"
	}
}

Supongo que te gusta

Origin blog.csdn.net/dxnn520/article/details/123057337
Recomendado
Clasificación