Curso de Atom

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 mailSOPORTE Usuarios Premium
Pablo Monteserín
contacta conmigoPablo
Monteserín

Para dudas técnicas sobre los ejercicios de mis cursos es necesario tener una cuenta premium activa. Para cualquier otra cosa, puedes usar el formulario de la página de contacto.