Usando Kit Language en Windows y Linux

En la publicación anterior, hemos discutido sobre Kit, un lenguaje de plantillas HTML muy simple. Si hubiera estado siguiendo esto, debería encontrar que la aplicación GUI que es capaz de compilar el Kit en formato HTML compatible con el navegador es Codekit.

Desafortunadamente, Codekit solo está disponible para OS X, actualmente no existe una aplicación similar para Windows y Linux que soporte Kit.

Si está trabajando en una máquina con Windows y Linux, pero desea utilizar Kit, puede usar Grunt como alternativa. Grunt tiene una enorme colección de complementos, aportados por generosos desarrolladores de todo el mundo; esto incluye el complemento para compilar el lenguaje Kit, grunt-codekit. Vamos a ver.

Nota: Aunque el siguiente consejo está dirigido principalmente a mostrar a los usuarios de Windows y Linux una alternativa a Codekit, el usuario de OS X también puede usarla.

Empezando

Primero, crearemos un directorio para nuestro proyecto. Inicie el Terminal o Símbolo del sistema, y ​​escriba las siguientes líneas de comando:

 mkdir kit-grunt cd kit-gruñido 

Hemos creado un nuevo directorio llamado kit-grunt ; la segunda línea nos permite ingresar. Pero si previamente ha creado un directorio de proyecto, puede omitir la primera línea e inmediatamente navegar a su propio directorio en Terminal con el comando cd .

Dentro del directorio del proyecto, creamos una nueva carpeta llamada kit donde .kit archivos .kit . Escriba este comando a continuación:

 kit de mkdir 

También instalamos tanto Grunt como el complemento con estos comandos. Tenga en cuenta que primero tiene que instalar Node.js en su sistema.

 npm install grunt --save-dev npm instalar grunt-codekit --save-dev 

Una vez que se complete el proceso, encontrará una nueva carpeta, node_modules, que contiene los módulos que hemos instalado.

Configuración

Cree un nuevo archivo llamado Gruntfile.js en el directorio del proyecto y coloque el siguiente código. Este código es un Contenedor de Grunts donde registraremos, configuraremos y ejecutaremos la tarea de Grunt. Si está utilizando Sublime Text, puede insertar fácilmente este código usando los Grunt Snippets.

 module.exports = function (gruñido) {grunt.initConfig ({}); } 

Luego definimos la tarea del grunt.initConfig codekit dentro de grunt.initConfig, como tal.

 module.exports = function (grunt) {grunt.initConfig ({codekit: {su_destino: {archivos: {'index.html': 'kit / index.kit', }}, }, }); } 

Esta configuración compilará index.kit en index.html. Para probar esto, podemos agregar esto en index.kit.

... y ejecutar grunt codekit en Terminal.

El archivo index.html se ha generado correctamente y, como puede ver a continuación, el valor de la variable también se aplica correctamente en la etiqueta del párrafo.

Inclusión de archivos

Como mencionamos en nuestra publicación anterior, podemos incluir / importar archivos en un archivo Kit. Dado que tenemos header.kit, sidebar.kit y footer.kit (supongo que hemos agregado el contenido correspondiente en estos archivos), podemos incluirlos en index.kit, de esa manera.

 Este es el encabezado 
Este es el contenido

grunt codekit comando grunt codekit nuevamente en Terminal. ¡Y aquí vamos! El contenido de esos archivos se junta en index.html. ¡Bonito!

Conclusión

Grunt es una excelente alternativa para muchas herramientas de desarrollo web, incluida la compilación del archivo Kit. Espero que este consejo sea útil, especialmente para los usuarios de Windows y Linux que quieren tener en sus manos el lenguaje del Kit.

Si tienes un presupuesto ajustado, pero quieres darle a tu pareja un buen regalo para el Día de San Valentín, nada dice "I <3" mejor que arte y manualidades que son regalos encantadores para recibir pero que son obviamente simples de crear.Hemos realizado el trabajo preliminar y hemos encontrado más de 30 proyectos creativos de bricolaje que servirán como el regalo perfecto y atento para el Día de San Valentín . Algu

(Consejos de tecnología y diseño)

6 Alternativas de LinkedIn para hacer crecer su red profesional

Si usted es una persona bien educada con una experiencia laboral adecuada o un recién graduado sin ninguna experiencia en absoluto, es posible que necesite un poco más de ayuda para proyectarse a las personas adecuadas . Las redes sociales se han convertido en una parte integral de nuestra vida cotidiana y es muy importante que todos los profesionales obtengan los beneficios.H

(Consejos de tecnología y diseño)