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

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

对于yeoman的安装,这里就很少说了,npm都搞定的git

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

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

一步步以下:架构

生成完了之后,首先看下package.jsonapp

name:是咱们以前指定的项目名,可是并非指项目所在目录grunt

devDependencies:开发过程须要依赖的包工具

dependencies:生产环境所须要的依赖包测试

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

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:最重要的,也就是你大部分工做的地方。比较简单,这里就再也不作过多介绍了。

相关文章
相关标签/搜索