Sintaxis resaltada Javascript y CSS en Android Studio

En la versión gratuira de Android Studio no existe un asociación de ficheros hacia javascript ni a hojas de estilos. Por tanto, cuando nos toca escribir en ese entorno, con dichos lenguajes, tenemos que escribirlo sin ningun resaltado ni ayuda de ningún tipo. Esto puede pasar para programadores de Phonegap/Cordova sobre AS.

Si no te gusta escribir en el bloc de notas y no quieres tener abierto a la vez, AS con Sublime Text o similares, puedes añadir un plugin a AS, que se encargue de decorarnos el código.

A mano con el editor

Una opción es hacerlo a manita, desde AS, en File -> Settings -> FileTypes y creando tanto en JS como el CSS, añadiendo una a una, todas las palabras reservadas.


settings

js

js2

 

A mano editando el XML de configuración

Puedes crear tu propio XML de configuración e importarlo desde File->Import Settings.

Estos ficheros se encontrarán en la ruta de Android Studio, en su carpeta config.

Tendrá un aspecto similar a este:

<?xml version="1.0" encoding="UTF-8"?>
<filetype binary="false" default_extension="" description="Javascript" name="Javascript">
  <highlighting>
    <options>
      <option name="LINE_COMMENT" value="//" />
      <option name="COMMENT_START" value="/*" />
      <option name="COMMENT_END" value="*/" />
      <option name="HEX_PREFIX" value="" />
      <option name="NUM_POSTFIXES" value="" />
      <option name="HAS_BRACES" value="true" />
      <option name="HAS_BRACKETS" value="true" />
      <option name="HAS_PARENS" value="true" />
      <option name="HAS_STRING_ESCAPES" value="true" />
    </options>
    <keywords keywords="break;case;catch;continue;debugger;default;delete;do;else;finally;for;function;if;in;instanceof;new;return;switch;this;throw;try;typeof;var;void;while;with" ignore_case="false" />
  </highlighting>
  <extensionMap>
    <mapping ext="js" />
  </extensionMap>
</filetype>

Importar librerías ya hechas

Si no quieres escribirte tu propio plugin, puedes obtener alguno de los que hay en la red, por ejemplo.

Libreria js y css para Android Studio de peter-schmalfeldt

Escrito por peter-schmalfeldt y que aceptará gustoso colaboraciones.

Antes y después

Para que se vea claro, pongo dos imágenes del mismo código antes y despues. Hemos ganado.

Antes

ejemplo2
 

Despues

ejemplo