6

我正在尝试从 github 克隆一个项目，然后设置 bower 依赖项和 grunt 构建/开发工具。当 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 的问题。如果您能提供任何指导，我将不胜感激。一切顺利，

本

4

2 回答 2

6

使用约曼

您不需要从 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. 约曼入门
  2. 鲍尔
  3. 咕噜声

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

于 2013-09-04T15:11:36.823 回答
3

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

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

:)

于 2014-03-02T22:34:44.183 回答