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.json
Installing 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.json
3 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.ts
3 directories, 16 files