Angular 技术栈
Angular-CLI
Angular CLI: https://cli.angular.io/ 是一个命令行界面工具,可直接从命令行初始化,开发,构建脚手架以及维护 Angular 应用程序。
它是编写 Angular 代码必不可少的工具,请务必熟练使用它的命令。
IDE
Visual Studio Code
Visual Studio Code
:这是 Web 开发领域中一款优秀且免费的 IDE(集成开发环境)。
推荐插件:
Angular Language Service
- 该扩展为 Angular 模板(内嵌式或独立模板)提供了丰富的编辑功能。 这款扩展由 Angular 团队成员提供,对在 HTML 模板中编写可靠代码有很大帮助。Prettier
- 用于对代码进行格式化的 VS Code 插件。Prettier 是一个风格强化的代码格式化程序。它通过解析您的代码并按照其自身规则(会考虑最大行长度以及必要的换行规则)重新输出代码,以保持代码风格的一致性。Code Spell Checker
- 一个基础的拼写检查器,对使用驼峰命名法的代码检查效果良好。该插件的目标是在保持较低误报率的同时,帮助捕获常见的拼写错误。GitLens
- 如果您使用 git 进行版本管理,此插件将非常有帮助。GitLens 大大增强了 Visual Studio Code 内置的 Git 功能。它帮助您通过 Git Blame 批注和代码透镜(code lens)快速直观地了解代码的作者信息,助您无缝地在 Git 库中导航和探索,还能够通过强大的代码对比等命令助您获得宝贵的项目洞察。
其它选择
- Atom (来自 GitHub)
- Sublime Text 3
- PyCharm
- IntelliJ IDEA
- Webstorm
还有很多其它的选择,您可以挑选自己熟悉的 IDE。
UI 框架
Angular Material
Angular Material: https://material.angular.io/ 是 Angular 应用的 Material Design 组件库。
市面上还有很多其它选择,但 Angular Material 是来自 Angular 官方的组件库,并且 Angular 还会在 https://update.angular.io/ 上提供 Angular 和 Angular Material 升级的详细解决方案。
为了方便将来的版本升级,这是您的最佳选择。
状态管理 - NgRx
@ngrx/store 是由 RxJS 提供支持的 Angular 应用全局状态管理方案,其设计灵感来自于 Redux。Store 是一个受控的状态容器,旨在帮助您在 Angular 之上构建高性能且一致性强的应用程序。
NgRx Store 主要用于管理整个应用程序的全局状态。
代码复用
Angular 库
Angular 库: https://angular.io/guide/libraries 是您所需要的。
许多应用程序需要解决相同的一般性问题,例如呈现统一的用户界面、展示数据和允许数据录入等。开发者可以为特定领域创建通用解决方案,这些方案经过调整后可以在不同的应用程序中重用。 这类解决方案可以构建为 Angular 库,并公开发布为 npm 包。
Angular 库是一个 Angular 项目,它与应用程序的不同之处在于它不能独立运行。库必须被导入并在应用程序中使用。
您可以轻松复用已有的 Angular 库,或者也可以将自己的库提交到 npm 服务器上。
其它选择 - Angular 自定义元素
请注意,库面向的对象是 Angular 应用程序。要将 Angular 功能添加到非 Angular Web 应用程序中,可以使用 Angular 自定义元素: https://angular.io/guide/elements。
Angular 元素是以自定义元素(也称为 Web 组件)形式打包的 Angular 组件。自定义元素是 Web 标准定义一种以无框架约束的方式定义新 HTML 元素的方法。