Angular新手村第一关

1. 全局安装

$ npm install -g @angular/cli

// 查看是否安装成功
$ ng v

// 出现下面，则成功
...
Angular CLI: 13.2.5
Node: 16.13.2
Package Manager: npm 8.3.2
OS: win32 x64
...

 2. 新建项目

// 第一步
$ ng new my-app

// 第二步
// 1. 选择是否需要routing，也就是路由
// 2. 选择css，scss，...

// 第三步
// 1. 如果出现error,则应该是cli的原因，卸载重新安装即可
// 2. 如果出现warning，说明是成功

// 第四步
$ cd my-app
$ ng serve --open   // --open自动打开浏览器运行

 3. 项目目录

src                                         // 源代码
  -- app                                    // 页面 组件 模块
      -- app-routing.module.ts                  // 全局路由配置
      -- app.component.html                     // HTML模板
      -- app.component.scss                     // 组件样式
      -- app.component.ts                       // 应用的根组件定义逻辑，名为 AppComponent
      -- app.component.spec.ts                  // 为根组件 AppComponent 定义了一个单元测试
      -- app.module.ts                          // 定义了名为 AppModule 的根模块，Angular 用来组装应用
  -- assets                                 // 静态资源
  -- environments                           // 环境配置
  -- index.html                             // 根html
  -- main.ts                                // 项目入口
  -- polyfills.ts                           // 导入一些必要的库
  -- styles.scss                            // 全局样式
  -- test.ts                                // 自动化测试