Angular CLI Tips

Angular CLI 是一个强大的工具，可以帮助你快速构建、测试和部署 Angular 应用。以下是一些实用的 Angular CLI 小贴士：

快速启动

使用以下命令可以快速创建一个新的 Angular 项目：

ng new my-angular-app

生成组件

使用以下命令可以快速生成一个新的组件：

ng generate component my-component

模块导入

在 Angular 中，你可以在模块中导入所需的组件或服务。例如，要导入 MyComponent，可以在模块的 declarations 数组中添加以下代码：

import { MyComponent } from './my-component';

@NgModule({
  declarations: [
    MyComponent
  ],
  // ... 其他配置
})
export class MyModule { }

环境配置

Angular CLI 允许你为不同的环境配置不同的变量。例如，要为开发环境设置一个变量 API_URL，可以在 angular.json 文件中添加以下配置：

"architect": {
  "serve": {
    "options": {
      "environmentName": "development",
      "variables": {
        "APP_API_URL": "http://localhost:3000"
      }
    }
  }
}

使用 TypeScript

Angular CLI 默认使用 TypeScript。如果你想要使用 JavaScript，可以在 tsconfig.json 文件中设置 target 和 module：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    // ... 其他配置
  }
}