用yeoman生成angular项目,以及yeoman的项目架构

简单的介绍下yeoman,就是个项目架构的生成器,工具

对于yeoman的安装,这里就不多说了,npm都搞定的

看下项目生成的操作吧和目录的介绍吧

我在我电脑上生成的是angular generators

一步步如下:

用yeoman生成angular项目,以及yeoman的项目架构_第1张图片

用yeoman生成angular项目,以及yeoman的项目架构_第2张图片

用yeoman生成angular项目,以及yeoman的项目架构_第3张图片

用yeoman生成angular项目,以及yeoman的项目架构_第4张图片

生成完了以后,首先看下package.json

name:是我们之前指定的项目名,但是并不是指项目所在目录

devDependencies:开发过程需要依赖的包

dependencies:生产环境所需要的依赖包

^:是一个比较宽松的对版本的限制,只限制主版本号

engines:最低要求的node版本号

scripts:可以直接使用nam运行的脚本命令

test:上面的意思是如果我们在项目目录下运行npm test,其实我们运行的是Karma start test

其实scripts中最常用的配置命令时install,意思是当nam install把dependencies里的东西都安装好了以后,他去执行的命令。

用rm -rf node_modules删除项目中的node_modules目录,运行nam install命令,可以发现他是根据package.json来下载依赖包的。

说到这,下面就简单的说下这个项目的目录结构吧:

package.son:当然是nam install 的配置文件
gruntfile.js:grunt的配置文件
bower.json:bower的配置文件
jshintrc:joshing的配置文件
gitignore:当前项目要忽略那些文件不上传到git仓库
gitattributes:git的配置文件
editorconfig:指定当前项目的代码风格
bowerrrc:bower本身的配置相,默认指定的是bower下载下来文件的位置
test:项目的自动化测试
node_modules:nam install所安装的东西
app:最重要的,也就是你大部分工作的地方。比较简单,这里就不再做过多介绍了。


你可能感兴趣的:(AngularJS,yeoman)