从github克隆后设置grunt，bower，angular dev工具

Question

我正在尝试从github克隆一个项目，然后设置bower依赖项和grunt build / dev工具。当角度项目最初被推送到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 scaffold

yo angular

启动服务器

grunt server

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

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

使用bower安装前端依赖项

搜索repos to install

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项目相关的凉亭和咕噜声。

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，然后你应该在启动你的d​​ev服务器之前安装所有的bower包：

bower install

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

grunt serve

：）