angularjs – 从github克隆后设置grunt,bower,angular dev工具

前端之家收集整理的这篇文章主要介绍了angularjs – 从github克隆后设置grunt,bower,angular dev工具前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图从 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的问题.我非常感谢您提供的任何指示.祝一切顺利,

使用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安装前端依赖项

搜索repos进行安装

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

猜你在找的Angularjs相关文章