Yeoman教程缺少样式

时间：2016-05-17 19:17:15

标签： css twitter-bootstrap yeoman yeoman-generator

我试图通过Yeoman提供的this getting started tutorial。它应该用bootstrap css设计，但最初的启动看起来像这样：

enter image description here

我是新手，但我认为这表明缺少CSS。索引文件就像这样...... 

RESULT_FILE.writeString(Base64Coder.encodeString(RESULT_FILE.readString()), false);

评论中的内容，如<!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"> ... ，这是否意味着我应该在命令行上执行某些操作？该教程没有提及任何内容。

main.css文件看起来没问题，看起来它包含了我需要的CSS内容，比如build:css。此外，凉亭目录还包含一个＆＃34; bootstrap＆＃34;子目录，有很多看起来很有前途的CSS，但教程也没有提到任何相关内容。该教程似乎假设the first launch should look great already, here...

我确定我已经完成了所有步骤。知道我错过了什么吗？

1 个答案:

答案 0 :(得分：1)

这github issue解决了我的问题。最底层的答案表明要做到以下几点：

$ bower install --save bootstrap#3.3.4

然后

$ grunt wiredep

如果它解释了那些意味着什么，那将是一个更好的答案。

相关问题
最新问题