Bienvenidos de nuevo al blog, en esta ocasión
me atoré con que no se podía actualizar el bootstrap en visual studio 2017, probé
de varias formas y ninguna daba resultado, pero a continuación les daré la
forma que si funciono.
Lo primero es en el menu de tools ir a Nuget
Package Manager y ahí seleccionar Package Manager Solution.
En la consola poner el siguiente comando que
instalara el gestor de paquetes bower, este gestor ya está descontinuado, pero
para poder actualizar bootstrap nos es necesario copiamos y pegamos el
siguiente comando:
npm install -g bower
Después abrimos un símbolo de sistema o CMD y
vamos a la carpeta raíz de nuestro proyecto, la manera fácil es dar click
derecho sobre la carpeta de la web aplication proyect y le damos en abrir open
container folder.
Una vez ahí en la barra de direcciones de la
ventana que se nos abrió escribimos cmd, y se nos abrirá la línea de comandos o
consola o CMD.
Ahí escribimos el siguiente comando
bower init
Esto nos hará una especie de preguntas que nos
permitirá configurar un json con la información que le proporcionemos, en la
imagen como ya lo había llenado previamente me saltan unas líneas que la
primera vez no salieron pero de todas formas me permite configurarlo
nuevamente,
En ?name solo di enter
En ¿description puedes poner lo que sea
obviamente es para describir el proyecto que estamos realizando, pero para
nuestros fines da igual, lo importante es no dejar nada vacío
Lo importante viene cuando nos aparece lo
siguiente
presionamos la “Y” y damos enter
En las siguientes preguntas es lo mismo
presionar “Y” y dar enter
Al final nos mostrará el json creado y nos
pregunta si se ve bien, no importa que contestemos ya no nos permite hacer
cambios, pero de todas formas no importa ya que este archivo estará disponible
en nuestro solution explorer, en el ya podemos hacer los cambios pertinentes.
Ahora debemos de crear otro archivo que se
encuentre al mismo nivel que el bower.json, pero este lo tenemos que crear con
el notepad común y corriente, este se llamara .bowerrc y contendrá las
siguientes líneas
{
"directory": "wwwroot/lib",
"registry": "https://registry.bower.io"
}
En directory es donde deberá de instalar el
bootstrap, al final los archivos quedan así
Y en el solution explorer quedan así
El último paso que era lo que daba problemas,
en el solution explorer tenemos que ir a la carpeta wwwroot/lib dentro de esta
carpeta vemos que ya existe una carpeta bootstrap, le cambiamos el nombre o la
borramos, porque lo que haremos con bower es instalar de cero el bootstrap,
pero por alguna razón detecta que ya está instalado y no instala nada
Con esto ahora procedemos a instalar bootstrap
desde el Package Manager Console para ello escribimos el siguiente comando
bower install bootstrap
Y con esto se instala, pero si por alguna
cochina razón, aún así no lo instalo, como fue mi caso a la hora de hacerlo
para esta guía, bueno que panda el cunico, lo que hay que hacer es que en el
solution explorer expandiremos Dependecies y aunque aquí ya no se ve, la
carpeta de Bower tiene un signo de interrogación, damos click derecho sobre esa
carpeta y en las opciones que nos salen
debemos de darle a Manage bower packages, vamos a browse y esperamos a que se
carguen los paquetes o usamos el buscador para encontrar el bootstrap y desde
ahí instalamos y finalmente quedara de esta manera.
y ya
fin, espero que les haya sido de utilidad
No hay comentarios:
Publicar un comentario
Para insertar un poco de código o lenguaje, utilice <i rel="code"> ... El Codigo o Lenguaje ... </i>
Para insertar código o lenguaje mas extenso, utilice <i rel="pre"> ... El Codigo o Lenguaje ... </i>
Para insertar una imagen, utilice <i rel="image"> ... Url de la Imagen ... </i>