Share
¿Alguna vez ha clonado o descargado un repositorio de GitHub, solo para encontrar un número de archivos extraños y extraños que no reconoce??
Digamos, por ejemplo, que está trabajando en un sitio web y necesita una biblioteca, JavaScript o CSS, para agregar algunas características a su proyecto. Usted encuentra la biblioteca perfecta en un repositorio de GitHub, por lo que la descarga de inmediato. Cuando extraes el paquete, descubres varios archivos extraños, uno de los cuales es Bower.json.
Además, es posible que también hayas encontrado instrucciones en el repositorio que normalmente dicen algo como:
Instalar con Bower:
Bower instalar bootstrap.
Puede que se pregunte para qué se usa este archivo, y mucho menos por qué debería instalarlo con Bower. Hace poco, un diseñador web, un amigo mío, me hizo estas preguntas y sospecho que hay muchas personas que se sienten igual de confundidas. Si eres una de estas personas, este consejo rápido te ayudará.!
Bower es un gestor de paquetes para la web. Te ayuda a gestionar dependencias; Archivos (tal vez de terceros, a menudo disponibles públicamente a través de GitHub) que necesita para su proyecto.
Bower.json, El archivo del que estamos hablando aquí, juega un papel central en un entorno Bower. Anteriormente, se llamaba component.json, pero luego el nombre se cambió a bower.json para evitar conflictos que pudieran ocurrir con las otras herramientas usando el mismo nombre de archivo.
bower.json ayuda a Bower a entender el proyecto; registra metadatos como el nombre del proyecto, la versión, el autor, la licencia, las dependencias, etc. La información está estructurada en JSON, que normalmente se ve de la siguiente manera:
"nombre": "impresionante", "versión": "1.0.0", "autores": ["John Doe"], "descripción": "Lo más asombroso de la galaxia", "licencia": "MIT "," dependencias ": " cool-library ":" 1.1.2 "," good-library ":" 2.1.3 "
De este archivo JSON legible para el ser humano podemos deducir que este proyecto se denomina "impresionante", se encuentra actualmente en la versión "1.0.0", fue creado por "John Doe", un par de otros detalles y requiere un par de dependencias para estar presente para poder trabajar.
Si encuentras bower.json en una biblioteca, implica dos cosas:
Bower usa este archivo de varias maneras. Utiliza los detalles de metadatos para mostrar la información del paquete cuando buscamos en el registro de Bower.
Encontrarás algunos proyectos familiares en el registro de Bower.Bower también analizará el archivo cuando ejecutemos varios comandos como versión de la glorieta y instalación de la glorieta.
instalación de la glorieta es el comando para instalar un paquete que está registrado en el registro de Bower. Este comando también instalará los paquetes listados en bower.json bajo "dependencias". Por defecto, estos paquetes se agregarán en una carpeta llamada bower_components.
Como ejemplo, instalemos Animate.css y Bootstrap con Bower.
Para empezar, necesitarás instalar Bower. Echa un vistazo a Meet Bower: un administrador de paquetes para la Web para obtener más información sobre esto. Una vez hecho esto, puede escribir el siguiente comando en la Terminal o el símbolo del sistema (si está usando Windows) que instala estos paquetes simultáneamente:
Bower instalar animate.css bootstrap
Ahora deberías encontrarlos añadidos en los bower_components.
Carpeta Animate.css y Bootstrap agregadas en bower_componentsComo puedes ver arriba, tenemos una carpeta extra, jquery. Esto se debe a que Bootstrap lo estableció como una dependencia; los componentes de JavaScript de Bootstrap requieren jQuery para funcionar. Si observa el archivo bower.json incluido en el paquete, lo encontrará al final del archivo, como sigue:.
jQuery se establece como dependencia en bower.json de BootstrapSuponiendo que acaba de descargar una biblioteca con un archivo bower.json, lo primero que sugeriría es que inspeccione el archivo en busca de dependencias.
Como ejemplo, he descargado una biblioteca de JavaScript llamada Revealer.js. Revealer.js aparentemente requiere que Reveal.js funcione. Podemos encontrarlo como una dependencia dentro del archivo bower.json, como se muestra a continuación:
// ... "dependencias": "reveal.js": "~ 2.5.0", // ...
Solo para confirmar esto, si abrimos el index.html desde el puntos de vista carpeta, encontraremos revelar.js archivo está vinculado dentro de una guión etiqueta, como asi.
Ahora necesitamos abrir la carpeta de la biblioteca en el Terminal o Símbolo del sistema, luego escribir:
instalación de la glorieta
Como se mencionó anteriormente, este comando descargará todos los paquetes registrados en bower.json a la vez.
Nota: En este caso particular, el paquete se añade en el público / componentes carpeta, como se especifica en el .Bowerrc expediente. Un archivo .bowerrc a veces acompaña al archivo bower.json y se usa para especificar directorios de instalación personalizados.
El paquete que hemos instalado puede actualizarse con el tiempo, ya sea para corregir los errores o agregar nuevas funciones. Con Bower, actualizar estas bibliotecas es muy fácil. En primer lugar, vamos a escribir:
lista de glorietas
Esto mostrará una lista de los paquetes instalados actualmente en nuestro proyecto y nos mostrará la última versión disponible. En nuestro caso, parece que Reveal.js tiene una versión más nueva. Por lo tanto, vamos a actualizarlo.
La versión más reciente de Reveal.js está disponibleEscriba este comando para actualizar Reveal.js.
Bower Install --save reveal.js # 2.6.2
Esto también cambiará la versión registrada en bower.json de nuestro proyecto..
// ... "dependencias": "reveal.js": "2.6.2", // ...
Bower es una herramienta muy útil para administrar bibliotecas de proyectos. Es un poco como tener nuestra propia AppStore o Google Play; Podemos instalar, actualizar y eliminar bibliotecas fácilmente. Espero que esta sugerencia haya ayudado a evitar cualquier confusión que pueda experimentar al descargar bibliotecas de terceros y le haya mostrado los beneficios de usar Bower en su flujo de trabajo..
Accentsconagua