angularjs - 从 github 克隆后设置 grunt、bower、angular 开发工具

Question

我正在尝试从 github 克隆一个项目，然后设置 bower 依赖项和 grunt build/dev 工具。当 angular 项目最初推送到 github 时，某些目录和文件已被删除(因为它们列在 gitignore 文件中)。我想弄清楚如何恢复本地运行项目所需的所有这些文件(我从 github 上浏览找到的)。

克隆项目后，我运行 bower 命令，以便它读取 bower.json:

% bower install

然后我运行 grunt 命令:

% npm install -g grunt-cli
% npm install grunt --save-dev

为什么运行这些终端命令时 Gruntfile.js 没有自动创建？

它也卡在与 livereload 相关的问题上，但在我运行这些后消失了:

% npm install --save-dev connect-livereload
% npm install

当我使用这些 yeoman 和 grunt 命令从头开始一个项目时，它会自动创建 Gruntfile.js 并且我可以成功地让项目在浏览器中自动加载:

% npm install -g generator-angular     
% yo angular
% bower install angular-ui
% npm install --save-dev connect-livereload
% npm install
% grunt test
% grunt server
% grunt

但是我正在努力掌握从github克隆项目然后在本地设置项目的技术。我很接近，但目前我也遇到了缺少 Gruntfile.js 的问题。如果您能提供任何指导，我将不胜感激。祝一切顺利，

本

Answer 1

使用自耕农
您不需要从 GitHub 克隆项目。
您只需要创建一个新的(干净的)项目目录。

cd /new/project/directory

(可选)更新 NPM

npm update -g npm

安装 Angular 脚手架

npm install -g generator-angular

运行自耕农脚手架

yo angular

启动服务器

grunt server

开始构建您的应用程序，也许使用 Angular 子生成器

yo angular:controller myController
yo angular:directive myDirective
yo angular:filter myFilter
yo angular:service myService

使用 bower 安装前端依赖
搜索要安装的存储库

bower search dep-name

或者， http://sindresorhus.com/bower-components/
看看都安装了什么

bower list

或者，查看您的 bower.json文件
安装依赖

bower install dep-name

或者，将其添加到 bower.json文件然后只需运行 bower install (首选)
最重要的是，阅读文档

Yeoman Getting Started

Bower

Grunt

我建议先通读 Yeoman。掌握它的窍门，然后在需要为项目进行更高级的自定义时转到其他文档。通常，Yeoman 文档涵盖了与您的 Yeoman 项目相关的 bower 和 grunt。