从 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

使用 Yeoman

您不需要从 GitHub 克隆项目。

您只需要创建一个新的（干净的）项目目录。

cd /new/project/directory

（可选）更新 NPM

npm update -g npm

安装角架

npm install -g generator-angular

运行 yeoman 脚手架

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（首选）

最重要的是，阅读文档

1. Yeoman Getting Started
2. Bower
3. Grunt

我建议先通读 Yeoman。掌握它的窍门，然后在您需要对项目进行更高级定制时继续阅读其他文档。一般来说，Yeoman 文档很好地涵盖了与您的 Yeoman 项目相关的 bower 和 grunt。

Answer 2

执行以下操作后我可以正常工作：

brew install nvm
source $(brew --prefix nvm)/nvm.sh

它将安装 nvm 然后你可以控制你的 npm 版本（你可能对 yo:angular 项目有这个问题）

那么你应该确保你使用的是 npm 0.10

nvm install 0.10
nvm use 0.10

为避免以前缓存的 npm 安装出现问题，您应该使用：

sudo npm -g cache clean

现在您已准备好让您的 yo:angular 项目在您的机器上运行：

git clone <yourproject>

cd <your-project-directory>

npm install

它会为你安装 grunt 和 karma，然后你应该在启动你的开发服务器之前安装所有的 bower 包：

bower install

然后，最后，您的项目已经完成，可以使用了：

grunt serve

:)