Angular-项目结构

最近项目用到Vue,所以学习下Angular

转载请注明出处
[我的博客 ] http://www.lostbug.cn

创建新项目 $ng new angular-hello

installing ng  create .editorconfig  create README.md  create src/app/app.component.css  create src/app/app.component.html  create src/app/app.component.spec.ts  create src/app/app.component.ts  create src/app/app.module.ts  create src/assets/.gitkeep  create src/environments/environment.prod.ts  create src/environments/environment.ts  create src/favicon.ico  create src/index.html  create src/main.ts  create src/polyfills.ts  create src/styles.css  create src/test.ts  create src/tsconfig.app.json  create src/tsconfig.spec.json  create src/typings.d.ts  create .angular-cli.json  create e2e/app.e2e-spec.ts  create e2e/app.po.ts  create e2e/tsconfig.e2e.json  create .gitignore  create karma.conf.js  create package.json  create protractor.conf.js  create tsconfig.json  create tslint.jsonInstalling packages for tooling via npm.

Installed packages for tooling via npm.Project 'angular-hello' successfully created.

基本结构

$cd angular-hello$tree -F -L 1

├── e2e/├── karma.conf.js├── node_modules/├── package.json├── package-lock.json├── protractor.conf.js├── README.md├── src/├── tsconfig.json└── tslint.json3 directories, 7 files

src结构

$cd src$tree

├── app│   ├── app.component.css│   ├── app.component.html│   ├── app.component.spec.ts│   ├── app.component.ts│   └── app.module.ts├── assets├── environments│   ├── environment.prod.ts│   └── environment.ts├── favicon.ico├── index.html├── main.ts├── polyfills.ts├── styles.css├── test.ts├── tsconfig.app.json├── tsconfig.spec.json└── typings.d.ts3 directories, 16 files