Plugins molones

  • autocomplete-paths -> Para escribir las rutas, empezaremos escribiendo .
  • emmet
  • readme: muestra documentación de los plugins instalados.
  • file-icons: muestra los iconos correspondientes al tipo de fichero.
  • color-picker
  • atom-beautify: el atajo para identar el código es ctrl+alt+b
  • open-in-browser: para usarlo: botón derecho, open in browser.
  • highlight-selected: permite que cuando hagamos doble click sobre una palabra, se resalten todas las palabras iguales.

emmet

html:5
lorem5
div>span

<div><span></span></div>
div#wrapper>span.texto

<div id="wrapper"><span class="texto"></span></div>
div[data-role]
<div data-role=""></div>
table>tr*2>td>a[href=#]{enlace}+span
<table>
	<tr>
		<td><a href="#">enlace</a><span></span></td>
	</tr>
	<tr>
		<td><a href="#">enlace</a><span></span></td>
	</tr>
</table>
	

ctrl + shift + p

Es el atajo del teclado para acceder a todos los comandos de atom

  1. Install packages and themes
  2. Uninstall packages
  3. Show list

ctrl + p

Es el atajo del teclado para navegar entre los ficheros de un proyecto

ctrl + p -> escribimos ":5" en el cuadro de texto -> accederemos a la línea 5

Word Wrap

View -> Toggle Soft Wrap

icono de mandar un mail¡Contacta conmigo!
contacta conmigoPablo Monteserín

¡Hola! ¿En qué puedo ayudarte?