Como utilizar os pacotes bower no Visual Studio 2017

enfrenta duas dificuldades com o bower package manager em vs2017

  1. no Visual Studio 2017, não pode encontrar nenhum arquivo .bowerrc em bower.json, então como definir a propriedade do diretório? Após a instalação através de gerir os pacotes Bower UI , Os pacotes armazenam ficheiros na pasta bower_components

  2. Como usar esses pacotes, como em versões anteriores como VS 2013 Escrever sintaxe em BundleConfig.cs para gerenciar pacotes clientes como abaixo. Agora em VS 2017, como usar esses pacotes num C# Core 2 ASP.NET projecto de acidente de viação?

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")); 
    }
}

enter image description here

Author: shamim, 2017-08-19

3 answers

Eu tinha o mesmo problema.

Na mesma pasta que o seu ficheiro bower.json Crie o ficheiro chamado .bowerrc. Dentro da pasta:

{
  "directory": "wwwroot/lib"
}
 21
Author: Liam, 2017-08-20 20:11:16

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

Agora você pode instalar um novo pacote bower se carregar com o botão direito na sua solução - > gerir o pacote bower.

Mais detalhes abaixo:

enter image description here

 9
Author: AnhNguyen, 2018-05-27 00:00:06

Como uma alternativa às sugestões de criar manualmente o cortador de relva.ficheiro json que irá começar em branco:

  • No Visual Studio, clique com o botão direito no projeto de aplicação Web e escolha Open Command line > Default (CMD), Developer Command Prompt ou PowerShell.

  • Se não tiver o bower instalado execute o comando npm install -g bower na linha de comandos (necessita de npm).

  • Execute o comando bower init e siga as instruções que irão criar o bower.json arquivo.

Se responder sim a set currently installed components as dependencies ? e já tiver pacotes instalados na pasta bower_components, irá adicioná-los automaticamente como dependências no ficheiro bower.json.

 5
Author: MartinF, 2018-06-01 10:42:15