visual-studio - bower visual studio 2017

Cómo usar los paquetes Bower en Visual Studio 2017

Question

Enfrenta dos dificultades con el gestor de paquetes bower en vs2017

1. En Visual Studio 2017, no se puede encontrar ningún archivo bower.json en bower.json , ¿cómo configurar la propiedad del directorio? Después de la instalación a través de la interfaz de usuario de Manage Bower Packages , los paquetes almacenan los archivos en la carpeta bower_components

2. Cómo usar esos paquetes, como en versiones anteriores como VS 2013, escriba la sintaxis en BundleConfig.cs para administrar paquetes de clientes como se muestra a continuación. Ahora en VS 2017, ¿cómo usar esos paquetes en un proyecto de C # Core 2 ASP.NET MVC?

BundleConfig.cs :

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/bower_components/jquery/dist/jquery.js",
                    "~/bower_components/jquery-file-upload/js/vendor/jquery.ui.widget.js",
                    "~/bower_components/jquery-file-upload/js/jquery.fileupload.js",
                    "~/bower_components/jquery-file-upload/js/jquery.iframe-transport.js")); 
    }
}

Answer 1

Como alternativa a las sugerencias de crear manualmente el archivo bower.json que comenzará vacío:

• En Visual Studio, haga clic con el botón derecho en el proyecto de la aplicación web y elija Open Command line > Default (CMD) , Developer Command Prompt o PowerShell .

• Si no tiene Bower instalado, ejecute el comando npm install -g bower en el símbolo del sistema (requiere npm).

• Ejecute el comando bower init y siga las instrucciones que crearán el archivo bower.json .

¿Si responde sí para set currently installed components as dependencies ? y ya tiene paquetes instalados en la carpeta bower_components , los agregará automáticamente como dependencias en el archivo bower.json .

Answer 2

Tuve el mismo problema.

En la misma carpeta que su archivo bower.json , cree el archivo llamado .bowerrc . En su interior pega:

{
  "directory": "wwwroot/lib"
}

Answer 3

Right click your project solution -> Add New Item -> select Web on the left -> select Bower Configuration File on the list -> Add

Ahora puede instalar un nuevo paquete Bower haciendo clic derecho en su solución -> administrar el paquete Bower.

Más detalles a continuación: