2016-05-17 6 views
0

Ich versuche durch this getting started tutorial von Yeoman bekommen. Es soll mit Bootstrap CSS werden gestylt, aber die ersten Start sieht wie folgt aus:Yeoman Tutorial fehlt Styling

enter image description here

ich bin neu in diesem, aber ich denke, das CSS fehlt anzeigt. Der Index-Datei wie folgt beginnt ...

<!doctype html> 
<html class="no-js"> 
    <head> 
    <meta charset="utf-8"> 
    <title></title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width"> 
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> 
    <!-- build:css(.) styles/vendor.css --> 
    <!-- bower:css --> 
    <!-- endbower --> 
    <!-- endbuild --> 
    <!-- build:css(.tmp) styles/main.css --> 
    <link rel="stylesheet" href="styles/main.css"> 
    <!-- endbuild --> 
    </head> 
    <body ng-app="mytodoApp"> 
... 

Der Stoff, in den Kommentaren, wie build:css, bedeutet, dass ich etwas auf der Kommandozeile tun soll? Das Tutorial erwähnt nichts.

Die main.css Datei sieht gut aus und sieht aus, als ob sie CSS Dinge enthält, die ich brauche, wie .jumbotron { ... }. Außerdem enthält das bower-Verzeichnis ein "bootstrap" -Unterverzeichnis mit vielen vielversprechend aussehenden CSS, aber das Tutorial erwähnt auch nichts darüber. Das Tutorial scheint davon auszugehen, dass the first launch should look great already, here...

Ich bin mir sicher, dass ich alle Schritte bis zu diesem Punkt getan habe. Irgendeine Idee, was ich verpasst habe?

Antwort

1

Dieses github issue löste mein Problem. Die Antwort waaaay am Boden schlägt folgendes zu tun:

$ bower install --save bootstrap#3.3.4 

und dann

$ grunt wiredep 

Es wäre eine noch bessere Antwort, wenn es zu erklären, was diese Dinge bedeuten.