Angular/Node/ng 应用程序的组件是什么？它们各自做什么以及它们之间的关系如何？答案

【问题标题】：What are the components of an Angular/Node/ng application? What does each do and how are they related?Angular/Node/ng 应用程序的组件是什么？它们各自做什么以及它们之间的关系如何？
【发布时间】：2020-04-15 22:56:33
【问题描述】：

我在安装 npm/node/angular/ng 时遇到版本问题。 Angular/Node/ng 应用程序有哪些不同的组件，它们之间有什么关系？是否有捆绑包包含您在一次下载中开始开发所需的一切？我正在进行的当前项目正在通过 npm 管理所有这些，并且正在经历更改版本、更改组件和更改依赖项的常见成长阵痛。 npm documentation 非常适合 npm 基础知识，但是是否有文档描述了安装 Angular/node/ng 应用程序所需的所有内容的最佳（或常见或推荐）实践（@angular-devkit、@angular-cdk、@schematics/angular 、ng 等）。

【问题讨论】：

... Angular 文档？ angular.io/docs
这很有帮助：angular.io/guide/npm-packages 但我没有看到在哪里可以找到版本列表。有人告诉我该项目在 6.2.2 上，但是当我运行 npm install -g angular-cli@6.2.2 时，我得到一个未找到版本的错误。有没有办法列出可用的版本？
angular-cli 的可用版本？请参阅npmjs.com/package/angular-cli，但这不是您真正想要的包......而且 6.2.2 甚至不是 6.x 系列中的最新版本，我建议从更新的版本开始。

标签： node.js angular npm

【解决方案1】：

起点如下访问https://cli.angular.io/，它向您展示了如何使用 Angular CLI 从头开始启动 Angular 应用程序。现在假设您创建一个临时文件夹并按照上面链接中的说明执行以下操作：

npm install -g @angular/cli
ng new my-dream-app
cd my-dream-app
ng serve

转到此文件夹并检查该项目根目录中的 package.json 文件与您的文件是否相符。这肯定会让您了解您拥有哪些软件包。

下一步运行以下命令

npm-check -u

作为最后的提示：不时删除 node_modules 的内容（确保您已备份所有内容）并执行

npm install

然后运行

ng build --prod

通过这种方式，您始终可以确保如果您在其他机器上克隆您的应用程序，您可以安装所有依赖项并恢复工作，并且您的项目构建也没有问题。

【讨论】：

我认为我正在努力解决的一件事是什么应该是全局安装，什么应该是 npm 安装项目的本地，以及我们的版本管理系统（git ）。 “ng build --prod”写入了哪些文件？ “/node_modules”在我们的 .gitignore 中。有没有办法在不保存“/node_modules”的情况下保存项目的 npm 配置（我假设 node_modules 是编译后的代码——它很大，~500Mb）？
/node_modules 文件夹不应该是您担心的任何来源，因为[考虑到您有良好的互联网连接]，您始终可以手动清空该文件夹并执行简单的“npm install”。我想您已经知道 /node_modules 的内容永远不会签入到源代码管理中。您签入的唯一内容是 package.json。现在，如果您升级一些软件包并签入，其他获得最新版本的开发人员可以简单地清空他的 /node_modules 文件夹并再次执行“npm install”。我的 /node_modules 文件夹是 720MB，我总是可以清空它并重新安装它们如我所愿。