Cómo instalar, actualizar y eliminar bibliotecas web fácilmente con Bower

Para construir un sitio web, generalmente dependemos de varias bibliotecas, ya sea en forma de CSS o JavaScript. Si construyese un sitio web pequeño que muestre una presentación de diapositivas, por ejemplo, probablemente el sitio web necesite jQuery y un complemento jQuery, Flexslider. Estas bibliotecas son las dependencias para que el sitio web funcione.

Si bien la adición de estas bibliotecas debería ser una tarea fácil, cuando se trata de un sitio web a gran escala que requiere más bibliotecas, todo podría ser engorroso y complicado desde el principio. Puede que tenga que arrastrar de un repositorio a otro repositorio, descargar cada una de las bibliotecas, extraer los paquetes y, finalmente, ponerlos en el directorio de su proyecto.

Cuando la nueva versión esté disponible, tendrá que volver a hacer todo eso (parece mucho trabajo, ¿no?).

Si eso suena como lo que ha estado haciendo durante años, vale la pena leer este artículo. Aquí le mostraremos una herramienta útil llamada Bower que hace que administrar bibliotecas de sitios web sea muy fácil. Vamos a ver.

Empezando

Para usar Bower, debes instalar Node.js. Como Bower se basa en Node.js, debería poder ejecutar Bower en todas las plataformas: Windows, Mac y Linux.

Una vez que haya instalado Node.js, abra Terminal (o Símbolo del sistema) y ejecute esta línea de comando para instalar Bower.

 npm install -g bower 

Instalación de Bibliotecas

Ahora estamos listos para usar Bower. Comencemos buscando en una biblioteca que queremos poner en nuestro directorio de proyectos. Suponiendo que se encuentra actualmente dentro del directorio, puede escribir bower search {name of the library} . Aquí, por ejemplo, busqué Normalize.css, una biblioteca para hacer que el estilo de un elemento sea consistente en todos los navegadores.

 Bower Search se normaliza 

El comando mostrará una lista de resultados; no solo nos da la Normalización original, sino que también nos muestra las versiones de Normalización que se han convertido a LESS, Sass, Stylus y otras plataformas.

Una vez que hayamos elegido cuál instalar, podemos escribir bower install {{name of the repository}} . En este ejemplo, instalaré Normalize LESS y jQuery.

 bower install normalizar menos jquery 

Este comando descargará la última versión de normalize-less y jQuery, y lo guardará en una nueva carpeta llamada bower_components ; ahora debería encontrar la carpeta creada en su directorio de proyecto.

Alternativamente, si desea instalar la versión anterior de la biblioteca, puede ejecutar el comando seguido del número de versión, de esta manera.

 bower install jquery # 1.10.0 

Ahora que tenemos las bibliotecas, Normalizar y jQuery, en nuestro directorio de proyectos, podemos utilizarlas haciendo referencia a jQuery desde la carpeta bower_components en el documento HTML e importando Normalizar MENOS en la otra hoja de estilos LESS.

en HTML

en menos

 @import "bower_components / normalize-less / normalize.less"; 

Si una de las bibliotecas ya no se usa en el sitio web, puede desinstalarla fácilmente con el comando bower uninstall, de esa manera.

 bower uninstall normalize-less 

Actualización de los componentes de Bower

Digamos que ha estado trabajando en su proyecto durante varios meses, y algunas bibliotecas que está utilizando (como jQuery) han lanzado una nueva versión. En esta circunstancia, podemos usar Bower para actualizar jQuery a la última versión. Pero primero veamos si la nueva versión se ha registrado en bower con el comando bower list .

La última versión de jQuery, como puede ver a continuación, es 2.1.1.

Para actualizar jQuery, podemos escribir bower update jquery . Una vez que la actualización se haya completado, puede ejecutar el comando bower list nuevamente para verificar la versión instalada actual. A continuación, como puede ver, ahora tenemos la última versión de jQuery.

Envolver

Bower es una herramienta realmente práctica que creo que debería aprovechar en su proyecto. Es como tener una AppStore, pero para las cosas de su sitio web, podemos instalar, actualizar y eliminar bibliotecas cómodamente.

En el próximo artículo nos sumergiremos en Bower y exploraremos algunas características más avanzadas. Así que estad atentos.

Cómo compartir ubicación con amigos usando Facebook Messenger

Aquellos de ustedes que con frecuencia planean reuniones con sus amigos de Facebook estarán encantados de saber que junto con otras características interesantes, la aplicación Messenger de Facebook ahora les permitirá compartir su ubicación con sus amigos.Suponiendo que tiene instalada la última versión de Messenger en su dispositivo, podrá ver una opción de Ubicación disponible en la pestaña Más de la aplicación. Al tocar la

(Consejos de tecnología y diseño)

Eliminación de su historial de búsqueda de motores de búsqueda y sitios de redes sociales [Guía]

Pasamos gran parte de nuestro tiempo en línea buscando las respuestas a preguntas simples y consultas complejas. A veces, realizamos búsquedas que deseamos mantener en privado, como asesoría médica personal, consultas financieras sobre inversiones y valores futuros, etc. Es comprensible que algunos usuarios se sientan incómodos con el hecho de que su historial de búsqueda se mantiene en línea en manos de un tercero.Lo que

(Consejos de tecnología y diseño)