2015年5月27日星期三

yeoman的默认generator产生的目录结构

yo默认的generator是generator-angular,它产生的目录结构我的确是不喜欢,所谓的view都在一个目录下,然后所有的js在一个目录script下,scripts目录下分controllers,directives,services这样子,估计和ruby一样走的模式。但是这导致了一个问题,内容多了后,根据一个view要去找到自己的controller真的麻烦,还是喜欢mvc自己在自己的目录里。
拜google,找到了这个文章 ,看来大家都有这个想法。
目前找到两个指导风格
https://github.com/johnpapa/angularjs-styleguide :
└── app
    ├── app.module.js
    ├── app.config.js
    ├── app.routes.js
    ├── components       
    │   ├── calendar.directive.js  
    │   ├── calendar.directive.html  
    │   ├── user-profile.directive.js  
    │   └── user-profile.directive.html  
    ├── layout
    │   ├── shell.html      
    │   ├── shell.controller.js
    │   ├── topnav.html      
    │   └── topnav.controller.js
    ├── people
    │   ├── attendees.html
    │   ├── attendees.controller.js  
    │   ├── speakers.html
    │   ├── speakers.controller.js
    │   ├── speaker-detail.html
    │   └── speaker-detail.controller.js
    ├── services       
    │   ├── data.service.js  
    │   ├── localstorage.service.js
    │   ├── logger.service.js   
    │   └── spinner.service.js
    └── sessions
        ├── sessions.html      
        ├── sessions.controller.js
        ├── session-detail.html
        └── session-detail.controller.js  

https://github.com/mgechev/angularjs-style-guide :
├── app
│   ├── app.js
│   ├── common
│   │   ├── controllers
│   │   ├── directives
│   │   ├── filters
│   │   └── services
│   ├── home
│   │   ├── controllers
│   │   │   ├── FirstCtrl.js
│   │   │   └── SecondCtrl.js
│   │   ├── directives
│   │   │   └── directive1.js
│   │   ├── filters
│   │   │   ├── filter1.js
│   │   │   └── filter2.js
│   │   └── services
│   │       ├── service1.js
│   │       └── service2.js
│   └── about
│       ├── controllers
│       │   └── ThirdCtrl.js
│       ├── directives
│       │   ├── directive2.js
│       │   └── directive3.js
│       ├── filters
│       │   └── filter3.js
│       └── services
│           └── service3.js
├── partials
├── lib
└── test


后来我打算安装文章最后提到的generator-ng-poly
根据介绍,Inspired by John Papa's Angular Style Guide and Todd Motto's AngularJS styleguide

安装
npm install -g ng-poly gulp
ng-poly用的gulp来打包,不是用grunt了,少了io速度上前进了一步。
然后去
cd D:\WebProjects,不用先建项目的目录了。
yo ng-poly,这里会问你要建立的项目的名字,然后会根据你的名字建立目录。这里我回退了node的版本为0.11.16,因为的确0.12时会hang在home.css上,但是回退了还是没用,结果一样挂了。直接ctrl+c算了。


http://blog.jobbole.com/78946/

没有评论:

发表评论