Plugins de Sublime Text

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Tras instalar el package control, podremos instalar plugins

  • AutoFileName: autocompleta rutas.
  • Readme please: permite acceder rápidamente a los ficheros readme please del paquete instalado.
  • Brackets highlighter: resalta apertura y cierre de llaves, corchetes, paréntesis, etc. Precisa reiniciar Sublime Text.
  • Color Picker: muestro la rueda de colores del sistema operativo pulsando ctrl+shift+c.
  • sftp: para trabajar con un servidor. Botón derecho sobre la carpeta que contiene los ficheros que quiero sincronizar → SFTP/FTP → Edit remote mapping … → Tendré que tocar los parámetros type, host, user, password, remote_path.
  • FileDiffs: para comparar ficheros. Puedo pulsar con el botón derecho sobre una pestaña de un fichero y escojer con qué fichero lo quiero comparar.
  • Additional PHP Snippets: Generación de getterss y setters. Se arrancan con php-
  • Terminalctrl + alt + shift . Abre una terminal en la raíz del proyecto.
  • Babel. Coloreado de sintaxis en React.
  • Babel snippets. Permite usar zen coding al programar con JSX.
  • Open Folder. Permite abrir una carpeta del ordenador desde sublime.

Emmet

html:5
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
</body>
</html>
lorem5
Lorem ipsum dolor sit amet.
div#wrapper>span.texto
<div id="wrapper"><span class="texto"></span></div>
div>span
<div><span></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>

Modificar los snippets de Emmet

Preferences → Browse Packages → Emmet → emmet → snippets.json

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.