Angular 项目理解

  AngularJS 开发语言是 javascript ，采用不同的指令及逆行数据和事件的绑定。可扩展性差，在复杂应用上维护性差。
  Angular8 由 TypeScript 提供类型检查和代码提示，采用 [] 进行数据绑定，优异的可扩展性和可维护性。
  Angular 基础架构：
  Angular 安装： 命令行输入如下命令：

npm install -g @angular/cli

Angular 项目讲解

  项目创建： 使用 CLI 命令行创建项目，此命令用于创建项目，命令行会提示输入项目名称以及选择是否加入路由和样式等默认设置。

ng new

  项目创建好后，用 Visual Studio Code 打开项目，在 package.json 项目文件里面可以看到 npm 运行命令既可启动项目，此时项目会默认挂在到 http://localhost:4200/ 的开发服务器上。如下命令所示：

 npm run start

  目录讲解：
|–– ProjectFileName
 |–– .editorconfig 用于在不同编辑器中同意代码风格
 |–– .gitignore Git 中的忽略文件列表
 |–– .README.md Markdown 格式的说明文件
 |–– angular.json Angular 的配置文件
 |–– browserslist 用于配置浏览器兼容性的文件
 |–– karma.conf.js 自动化测试框架 Karma 的配置文件
 |–– package-lock.json 依赖包版本锁定文件
 |–– package.json NPM 的包定义文件
 |–– tsconfig.app.json 用于 app 项目的 TypeScript 配置文件
 |–– tsconfig.json 整个工作区的 TypeScript 配置文件
 |–– tsconfig.spec.json 用于测试的 TypeScript 的配置文件
 |–– tslint.json TypeScript 的代码静态扫描配置
 |–– e2e 自动化集成测试目录
 |–– src 源代码目录
  |–– favicon.ico 收藏图标
  |–– index.html 单页应用的宿主 HTML
  |–– main.ts 入口 ts 文件
  |–– polyfills.ts 用于不同浏览器的兼容脚本加载
  |–– styles.css 真个项目的全局 CSS
  |–– test.ts 测试入口
  |–– app 工程源码目录
  |–– assets 资源目录
  |–– environments 环境配置
   |–– environment.prod.ts 生产环境
   |–– environment.ts 开发环境

什么是组件

  组件由 模板、样式、类（属性、方法）、元数据 组成。
  模板： 视图布局、HTML、绑定和指令。
  样式： 视图样式，CSS/SCSS/…。
  类： 视图的控制，TypeScript、属性（数据）、方法（逻辑）。
  元数据： Angular 需要的数据或配置，使用注解进行定义。