注:本教程基于angular6.0.8进行,尽量迅速了解每一个重要部分的定义与用法,能够按步骤编写完成需求。

Hello Angular


  1. 步骤
    1. 新建项目: ng new hello-angular --skip-install   
    2. 安装依赖:进入hello-angular 目录: 进入project目录运行 yarn install
    3. 运行项目: ng serve   
  2. 目录结构
      1. e2e ----------------------------------------用于测试(本文对于测试不会涉及)
      2. node_modules----------------------------存放依赖包的地方
      3. src-----------------------------------------存放源代码
        1. app---------------------------------根模块
          1. app.component.css---------样式文件
          2. app.component.html-------模板
          3. app.component.spec.ts-----测试
          4. app.component.ts----------组件
          5. app.module.ts---------------模块
        2. assets ------------------------------站点资源文件夹
        3. environments----------------------环境
          1. environment.prod.ts--------生产环境
          2. environment.ts--------------非生产环境
        4. favicon.ico--------------------------站点收藏图标
        5. index.html--------------------------宿主页面
        6. mian.ts------------------------------程序引导
        7. polyfills.ts --------------------------针对浏览器能力增强的polyfills引用文件
        8. styles.css ---------------------------全局样式文件
        9. test.ts-------------------------------测试入口文件
        10. tsconfig.json------------------------TypeScript配置文件
      4.  .gitignore ---------------------------------需要Git忽略的文件列表
      5. angular-cli.json----------------------------angular-cli配置
      6. karma.conf.js ------------------------------Karma单元测试配置文件
      7. package.json------------------------------依赖包以及npm的命令
      8. protractor.conf.js -------------------------端到端测试配置文件(集成测试)
      9.  tslint.json ---------------------------------代码Lint静态检查的配置

分类:

技术点:

相关文章:

猜你喜欢