2014-11-21 3 views
6

Come posso utilizzare Bower come gestore di pacchetti con Visual Studio 2013? Cioè Ho un progetto .NET e voglio aggiungere alcuni pacchetti utilizza Bower.Come posso utilizzare Bower come gestore pacchetti con Visual Studio 2013? Cioè Ho un progetto .NET e voglio aggiungere alcuni pacchetti usa Bower

Ho letto Scott Hanselman's post, ma non è chiaro. Ho installato i plugin. Uso la console del gestore pacchetti? Devo aggiungere bower come fonte del pacchetto?

Il mio progetto ha già un package.json.

Se apro la finestra di comando VS e digito il bower, ricevo il messaggio: Il comando "bower" non è valido.

+0

Se hai installato la pergola correttamente, prova la console di PowerShell. Questo funziona per me, anche se non ho idea del perché. Magia, suppongo. – Will

+0

Devo installare bower dal gestore pacchetti NuGet? Trovo confuso che avrei bisogno di un gestore di pacchetti per usarne un altro. L'ho installato localmente usando NPM – Hoppe

+0

Ho installato il nodo per la prima volta con le impostazioni predefinite. Quindi git, con l'impostazione * "https: //" .insteadOf git: // * config. Quindi ho installato bower (e gulp) via NPM. Bower "funziona" in PowerShell; Sospetto che sia un po 'di configurazione, ma non ne ho idea. Anche l'estensione gulp per VS funziona anche per me. Non sono esperto in questo, ma ho fatto tutto funzionante (tipo di) ... – Will

risposta

7

Se sono corretto, il task explorer è solo lì per automatizzare le attività di compilazione per voi, in combinazione con il grunt. Ottenere NPM, Bower e Grunt sono tutti passaggi manuali che devi fare per il tuo progetto tramite la riga di comando. Dopo aver installato il materiale dal blog Hanselmans, devi iniziare con l'installazione di NPM per il tuo progetto, quindi aggiungere bower e grunt tramite NPM. Effettuare le seguenti operazioni:

  • Aprire una riga di comando e passare alla cartella del progetto (miniera si trova in c: \ dev \ WebProject1)
  • in fuga linea di comando: npm init e compilare le domande (nome, descrizione ecc.)
  • Ora sei pronto per installare Bower. Install bower tramite NuGet: npm install bower -g
  • e inizializzare gazebo per il vostro progetto (ancora nella riga di comando), digitare: bower init entrare e compilare le impostazioni predefinite del progetto
  • finalmente install your package con pergolato: bower install angular --save

Quando questo è fatto , è possibile includere i file generati in visual Studio (package.json e bower.json) e collegare i file nella tua pagina index.html

<script src="/bower_components/angular/angular.js"></script> 

Th Gli strumenti di Visual Studio sono solo per modificare bower.json e package.json all'interno di visual studio. È quindi necessario eseguire bower install per installare pacchetti nuovi o modificati

Se si desidera automatizzare alcune attività di compilazione, è possibile iniziare con grunt per automatizzare alcune cose. Rif: start with Grunt

modifica 1: Mi sono imbattuto in questo post di John Papa. Ti consente di iniziare a correre in una brezza John Papa: Up and running with NodeJS ....