EniDev

Guías sobre temas de bases de datos y programación


Project maintained by Hosted on GitHub Pages — Theme by mattgraham

EXTENSIONES PARA MARKDOWN

markdown sublimetext

Shows an illustrated sun in light mode and a moon with stars in dark mode.

CONTENIDO

Instalar MarkdownEditing

Recien instalado, SublimeText no ofrece ningún soporte específico de Markdown, sin resaltado de sintaxis y formato especial en cursiva o negrita, atajos de teclado además sin vista previa de salida HTML.

Para agregar estas características debemos instalar algunos complementos plugins y configurar algunas preferencias siguiendo estos pasos:

1) Abrimos package control (Crtl+Shift+p) luego escribimos install y seleccionamos la opción Install Package

install-package

2) Escribir el nombre del paquete, en este caso tiene el nombre de MarkdownEditing

install-package

3) Reinicia SublimeText

Nota: Posiblemente al instalarlo te encuentres con una ventana emergente de error como la siguiente:
Error
Esto se debe que cuando se descarga la extensión te cargará automaticamente el archivo README.MD del mismo paquete instalado, por lo que de manera inmediata te arrojará este error, por otro lado, para poder evitar este mensaje de error es muy sencillo, vamos a buscar en la barra del menú debemos abrir Preferences => Settings, y quitamos Markdown de la lista en “ignored_packages” en las Preferencias del usuario:

Editamos Preferences.sublime-settings -- User:

{
"ignored_packages":
  [
    "Markdown", // 👈 sacar de esta lista 
    "Vintage",
  ]
 }

Despues de reiniciar Sublimetext, todas las funciones del paquete MarkdownEditing se aplicarán solo a los archivos con extensión .md y .markdown.


Características de MarkdownEditing

El paquete contiene algunos esquemas de colores para los archivos Markdown en el editor y proporciona formato en línea de Markdown. Eso significa negritas, editor de título, cursivas para palabras envueltas en los simbolos de asteriscos <**>. Los textos con las reglas marcadas para las citas de bloque y el código fuente también se sombrearán de manera diferente. Manejará inteligentemente listas de viñetas y listas numeradas con solo presionar la tecla Enter, lo que puede ahorrarle mucho tiempo al escribir asi como incluirá los cierres automáticamente de comillas dobles <">, paréntesis <( )>, guiones bajos <_>, astericos <*>, etc.

Para seleccionar un esquema de colores que este paquete incorpora, podemos cambiarlo seleccionando otro esquema desde el menú Preferences => Packages Settings => Markdown Editing => Change color scheme…

Capturas

ArcDark
ArcDark scheme
Dark
Dark scheme
Focus
Focus scheme
Yellow
Yellow scheme

Atajos de teclado de MarkdownEditing ⚓

Combinación Descripción
Alt+b Escribir el texto en negrita.
Alt+i Escribir el texto en italica.
Alt+t Crea una nueva lista de tareas (GFM).
Alt+x Marca como realizada la tarea actual (GFM).
Shift+Enter Anidar lista de tareas (GFM), luego se repite la combinación Alt+t
Shift+tab Desanidar listas.
Ctrl+d Selecciona la palabra en el cursor, luego presiona el asterísco(*) se convierte en italic si le das dos veces se convierte en bold.


Visualizar archivos de Markdown en el navegador ⚓

Ya tenemos instalada la extensión que nos provee la edición de archivos Markdown en SublimeText, esta extensión no tiene forma de ver nuestro archivo específico de Markdown en el navegador. Para ello debemos de instalar otro complemento que es fundamental para la previsualización en el navegador de nuestros archivos Markdown, el complemento lo buscamos con el nombre de MarkdownPreview y nos ayudará para obtener una vista previa en el navegador de nuestros archivos Markdown.

1) Abrimos package control (Crtl+Shift+p) luego escribimos install y seleccionamos la opción Install Package

install-package

2) Escribir el nombre del paquete, en este caso tiene el nombre de MarkdownPreview

markdown-preview

3) Renicia SublimeText.


Configurar un atajo para la previsualización

Para aprovechar su capacidad podemos configurar un atajo de teclado de la siguiente manera:

Vamos a Preferences => Key Bindings - User y añadimos entre los corchetes lo siguiente.

{ 
  "keys": ["alt+m"], 
  "command": "markdown_preview", 
  "args": {
    "target": "browser", 
    "parser":"markdown"
  } 
}

El atajo lo puedes cambiar remplazando el valor dentro de ["alt+m"]

Guardamos cambios con CTRL + S