简介
@cashfarm/angular-advanced-cli 是一个基于 Angular CLI 的扩展，用于开发 Angular 应用程序的高级定制和增强。该扩展提供了诸如多环境变量支持、微服务支持、JWT 支持等高级功能，可以大幅度提高 Angular 应用程序的开发效率。
安装
使用 npm 安装：
--- - -- ------------------------------
使用
创建一个应用程序
使用 @cashfarm/angular-advanced-cli 创建一个新的 Angular 应用程序：
---- --- ------
这将创建一个名为 my-app 的新项目目录，并且将自动安装所需的依赖包，并生成一个简单的 AppModule，以及一个 AppComponent。
环境变量支持
在开发中，经常需要根据不同的环境变量设置不同的 API 基础路径等。使用 @cashfarm/angular-advanced-cli，可以很方便地实现。首先，需要在工程根目录下创建一个 .env 文件，然后定义环境变量：
----------------------------------
在应用程序中，可以通过 process.env.API_BASE_URL 访问环境变量的值，以便在应用程序中使用。
同时，也可以在应用程序内部通过注入 Environments 来访问环境变量：
------ - --------- - ---- ----------------
------ - ------------ - ---- ---------------------------------
------------
--------- -----------
--------- ------- ------ ---------
--
------ ----- ------------ -
------- -------
------------------- ---- ------------- -
----------- - ------------------------
-
-微服务支持
@cashfarm/angular-advanced-cli 还提供了一些方便的工具来处理微服务相关的任务。通过在 package.json 中定义一个微服务的配置项，可以很方便地将应用程序连接到一个或多个微服务，并自动运行它是所需的一切。例如，在应用程序中连接到 InfluxDB 服务：
-
------- ---------
---------- --------
---
---------------- -
-
------- -----------
-------- -----------
-------- -------------
-
-
-在启动应用程序时，@cashfarm/angular-advanced-cli 会自动启动 InfluxDB 服务，并将其添加到应用程序的运行时环境中。
JWT 支持
@cashfarm/angular-advanced-cli 还提供了一些方便的工具来处理 JWT 认证。通过在 environments 目录中定义一个 jwt.ts 文件，可以很方便地定义 JWT 相关的配置。例如：
------ ------- - ---------- --------------- ----------- --------- ---------- ------------------ ------------ -------------------------- ------------------- ------ -------------------- ----- --
然后，可以在应用程序内部使用 JwtAuthService 来执行 JWT 相关的操作，例如登录和注销等。例如：
------ - --------- - ---- ----------------
------ - -------------- - ---- ---------------------------------
------------
--------- -----------
--------- -------- ------------------- -------------------------------- ------- ------------------ ------------------------------------
--
------ ----- ------------ -
----------- --------
------------------- ------------ --------------- -
--------------- - -------------------------
-
------- -
------------------------
--------- --------
--------- ---------
---
-
-------- -
--------------------------
-
-示例代码
------ - --------- - ---- ----------------
------ - ------------ - ---- ---------------------------------
------ - -------------- - ---- ---------------------------------
------------
--------- -----------
--------- ------- ------ ------- ------- ------------------- -------------------------------- ------- ------------------ ------------------------------------
--
------ ----- ------------ -
------- -------
----------- --------
------------------- ---- ------------- ------- ------------ --------------- -
----------- - ------------------------
--------------- - -------------------------
-
------- -
------------------------
--------- --------
--------- ---------
---
-
-------- -
--------------------------
-
-总结
通过使用 @cashfarm/angular-advanced-cli，可以大幅度提升 Angular 应用程序的开发效率和定制功能。在开发过程中，可以利用环境变量支持、微服务支持、JWT 支持等高级功能，加速应用程序的开发，并提高其质量和稳定性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60057bef81e8991b448eba86