Acceder al contenido principal

Blog

Volver a Blog

Cómo establecer coloreado de sintaxis para TWIG en Sublime Text 3

10 Feb 017
Sublime text 3 Drupal Twig
Avatar Fernando González

Drupal , Diseño ,

Uno de los mejores editores de código para Linux o Mac es sin duda Sublime Text, en su versión 3 actualmente.
Para trabajar bien, una de las características que más puede ayudar a un desarrollador, es el resaltado de sintaxis de lenguaje, como en la versión 8, Drupal usa el motor de plantillas Twig, que aunque tiene buena parte de html también necesitamos variables y funciones, y para no perder el rastro de ellas, lo suyo es que estén resaltadas.

Vamos a configurar Sublime para que nos abra por defecto dichos archivos Twig, y nos resalte su sintaxis:

PRE (Ya teniendo instalado Sublime Text 3 en el sistema)

1 - Abrimos terminal de Linux y nos movemos al directorio de configuración de Sublime Text:

    $ cd ~/.config/sublime-text-3/Packages/

2 - Clonamos el repositorio https://github.com/Anomareh/PHP-Twig.tmbundle.git en esta localización ./Sintaxis-twig

    $ git clone https://github.com/Anomareh/PHP-Twig.tmbundle.git Sintaxis-twig

3 - Movemos el contenido de Sintaxis-twig/Syntaxes/ a Sintaxis-twig/

    $ mv Sintaxis-twig/Syntaxes/* ./Sintaxis-twig

4- Comprobamos que se ha copiado el archivo "HTML (Twig).tmLanguage" en ./Sintaxis-twig

    $ ls ./Sintaxis-twig


 

Captura Sublime Text 3 - Twig Sintaxis

 

5 - Abrimos Sublime Text 3 y vamos al menú -> View -> Syntax -> HTML (Twig)

 

Captura Sublime text sin Sintaxis twig

 

Captura Sublime text 3 con color de sintaxis twig

 

 

- Ahora, tan solo queda dar click derecho sobre un archivo.twig, y asignar por defecto que abra con Sublime Text.
 

Comentarios

Añadir nuevo comentario