Angular项目结构

分享于 

2分钟阅读

Angular

  繁體

让我们逐步看一下:


├── e2e
 │ ├── app.e2e-spec.ts
 │ ├── app.po.ts
 │ └── tsconfig.e2e.json

e2e代表端到端,是指网站的e2e测试。它包含模拟用户行为的测试场景(script),可以模拟用户访问网站,登录,导航到另一个网站,填写表单和注销。

运行npm install时,所有第三方库都安装到这个文件夹中,这些库被捆绑到应用程序中,如果将项目移动到新位置,就应跳过这个文件夹,并在新位置运行npm install


├── src
│ ├── app
│ ├── environments
│ ├── favicon.ico
│ ├── index.html
│ ├── main.ts
│ ├── polyfills.ts
│ ├── styles.scss
│ ├── test.ts
│ ├── tsconfig.app.json
│ ├── tsconfig.spec.json
│ └── typings.d.ts

此处是放置应用源代码的地方。


│ ├── app
│ │ ├── app.component.css
│ │ ├── app.component.html
│ │ ├── app.component.spec.ts
│ │ ├── app.component.ts
│ │ ├── app.module.ts
│ │ └── typescripts
  • /e2e/目录:
  • /node_modules/
  • /src/
    • /app/
    • /asset/
    • /environments/
    • favicon.ico
    • index.html
    • main.ts
    • polyfils.ts
    • styles.css
    • test.ts
  • .angular-cli.json
  • .gitignore
  • karma.conf.js
  • package.json
  • protractor.config.js
  • README.md
  • tsconfig.json
  • tslint.json

  • 相关文章