Skip to content

MartiVilas/JavaScript-HTML-Personalization

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 

Repository files navigation

📚 VSCode Personalization

Current bracket guide {}

{ 
    "[xml]": {
        "editor.defaultFormatter": "redhat.vscode-xml"
    },
    "redhat.telemetry.enabled": true,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "workbench.colorTheme": "Tokyo Night",
    "git.confirmSync": false,
    "editor.bracketPairColorization.independentColorPoolPerBracketType": true,
    "editor.guides.bracketPairs": true,
    "editor.guides.highlightActiveBracketPair": true,
    "editor.guides.highlightActiveIndentation": true,
}

image


Current Snippets

	"DOM": {
		"prefix": "DOM",
		"body": [
			"function añadirAlDom(id,resultado){",
			"\tconst container = document.getElementById(id)",
			"\tlet p = docuement.createElement('p');",
			"\tcontainer.appendChild(p);",
			"\tp.textContent = resultado;",
			"\tp.setAttribute('class', 'result');",
			"}"
		],
		"description": "Log output to console"
	},


	"MapArray":{
		"prefix": "MapArray",
		"body": [
			"array.map(elemento => 'añadir lo que se necesite')",
		],
		"description": "Log output to console"
	},


	"SetArray":{
		"prefix": "SetArray",
		"body": [
			"let gadgets = new Set(['añadir contenido set']);",
		],
		"description": "Log output to console"
	}

image

📚 HTML Snippets

	"HTML": {
		"prefix": "base",
		"body": [
		  "<!DOCTYPE html>",
		  "<html lang=\"es\">",
		  "<head>",
		  "    <meta charset=\"UTF-8\">",
		  "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
		  "    <link rel=\"stylesheet\" href=\"./style.css\">",
		  "    <script src=\"./main.js\" defer></script>",
		  "",
		  "    <title>Titulo</title>",
		  "</head>",
		  "",
		  "<body>",
		  "    ",
		  "    <header>",
		  "",
		  "    </header>",
		  "",
		  "    <main>",
		  "",
		  "",
		  "    </main>",
		  "",
		  "    <footer>",
		  "        ",
		  "    </footer>",
		  "</body>",
		  "</html>"
		],
		"description": ""
	  }

image image

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published