beatrizsmerino

Configuración de Visual Studio Code (VSC)

Referencias

• beatrizsmerino: Mi lista de extensiones
• Visual Studio Code: Extensiones, configuración y personalización
• Visual Studio Code: Settings Sync

beatrizsmerino

Atajos de teclado de Visual Studio Code (VSC)

Atajos útiles para navegar por menús de VSC

• Abrir el menú del explorador de archivos y alternar foco entre el explorador y el archivo en el que estábamos
  • Con las teclas ↑ ↓ navegamos hacia arriba y hacia abajo entre el árbol de archivos y carpetas
  • Con las teclas ← → entramos y salimos de los directorios.
  • Con la tecla espacio abrimos un archivo.

| Mac | Windows |

beatrizsmerino

Como exportar e instalar extensiones de Visual Studio Code (VSC)

Para generar el archivo extensions.json con las extensiones que tienes instaladas en Visual Studio Code, necesitas ejecutar los siguientes pasos:

1. Crear una lista de las extensiones instaladas en un archivo txt

Abre una Terminal y ejecuta el siguiente comando, para crear el archivo extensions.txt en la ubicación actual de la Terminal:

code --list-extensions > extensions.txt

beatrizsmerino

{
	"name": "git-commitlint",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
		"preinstall": "node ./bin/preinstall-global-packages.js",
		"test": "echo \"Error: no test specified\" && exit 1"
	},
	"keywords": [],

beatrizsmerino

<svg data-name="loader-cloud" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 267.6 168">
  <title>loader-cloud</title>
  <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%" stop-color="#3be0ec" />
    <stop offset="100%" stop-color="#5eaefd" />
  </linearGradient>
  <path data-name="circle-1" d="M54.77,67.09A50,50,0,1,1,51,67c1.26,0,2.51,0,3.75.14" stroke="url(#gradient)" />
  <path data-name="circle-2" d="M110.71,34.41a49.51,49.51,0,1,1-9.08-.84,49.51,49.51,0,0,1,9.08.84" stroke="url(#gradient)" />
  <path data-name="circle-3" d="M110.71,34.4a65.45,65.45,0,1,1-8.37,32,65.42,65.42,0,0,1,8.37-32" stroke="url(#gradient)"/>
  <path data-name="circle-4" d="M233.22,70.65A49.55,49.55,0,1,1,217.12,68a49.53,49.53,0,0,1,16.1,2.67" stroke="url(#gradient)" />

beatrizsmerino

/*
 * COMPONENTS
 * sprites
 * =================================================
 */

/**
 * @function printSprites
 * @description Insert file sprites.svg with the icons to the end of the all html files
 */

beatrizsmerino

/**
 * @function getClosest
 * @description Get the parent element with a specific selector
 * @param {Element} sonElement - Son node
 * @param {String} parentSelector - Parent selector
 * @returns {Element|null}
 */
function getClosest(sonElement, parentSelector) {

	// Element.matches() polyfill

beatrizsmerino

function getListClassCss() {
	let list = [];
	let selectorsAll = document.querySelectorAll("[class]");

	selectorsAll.forEach((event) => {
		let selectorClassAll = event.getAttribute("class").split(" ");

		selectorClassAll.forEach(
			(classCss) => {
				if (classCss.length > 0 && list.indexOf(classCss) < 0) {

beatrizsmerino

*,
&:after,
&:before {
	margin: 0;
	padding: 0;
	border-box: box-sizing;
	font-family: sans-serif;
}

html, body, div, span, applet, object, iframe,

beatrizsmerino

// ABSTRACTS - MIXINS
// variables-root
// =================================================



// Creation of the mixin: root-prop
@mixin root-prop($prop: null, $value: null) {
	@if ($prop and $value) {
		#{$prop}: $value;