使用 Angular 2 实现单页应用程序（2）

look_w

需要做的准备工作要完成示例项目，您需要在开发 PC 上安装   和  （一个用于 Angular 的命令行接口）：

• 安装 Node.js：
  •   适合您的系统的版本，选择默认选项来完成安装。
  • 从操作系统命令行运行 node -v 来验证版本号 — 在我的情况下，版本为               v6.9.1。
  Node Package Manager (NPM) 会随 Node 自动安装。键入 npm -v 来查看它的版本号。当您安装来自公共 NPM          存储库的包时，会在后台运行 NPM。一个常见的 NPM 命令是 npm install，它用于下载您的 Angular 项目的   文件中列出的包版本。
• 安装 Angular CLI：
  • 运行 npm install -g angular-cli@1.0.0-beta.21              来安装我用于示例应用程序的版本（在编写本文时，仍处于公测阶段）。（如果您想尝试一个不同的编译版，可访问  。）需要花约 10 分钟才能完成安装。
  • 成功完成安装后，在操作系统命令行上键入 ng -v，以查看您的 CLI 版本号 — 在我的操作系统下：

    angular-cli: 1.0.0-beta.21 node: 6.9.1 os: win32 x64

    
    
    
    
                  如果您需要获得有关 ng 语法的帮助，可在操作系统命令行上键入 ng help。

package.json 文件package.json 文件（Angular 应用程序中一个关键的元数据文件）包含应用程序和它的依赖包的细节。此文件是 Angular        应用程序中最重要的文件，尤其是在将代码从一台计算机迁移到另一台时，或者是在升级期间。package.json 文件包含需要安装的包版本。
您无需为适合本教程练习的 package.json 感到担心。但在开发生产级应用程序时，必须多多留意此文件中列出的版本号。
以下是来自一个 package.json 文件的一些有效语句：

1 2 3 4 5 6 7 8 9 10 11 12 13

{ "dependencies" :   { "foo" : "1.0.0 - 2.9999.9999"   , "bar" : ">=1.0.2 <2.1.2"   , "baz" : ">1.0.2 <=2.3.4"   , "boo" : "2.0.1"   , "qux" : "<1.0.0 || >=2.3.1 <2.4.5 || >=2.5.2 <3.0.0"   , "til" : "^1.2"   , "elf" : "~1.2.3"   , "two" : "2.x"   , "thr" : "3.3.x"   , "lat" : "latest"   } }

npm install 命令对冒号右侧的部分语句的解释如下（其中版本 表示所使用的版本号）：

• "版本":必须与版本 准确匹配
• ">版本":必须大于版本
• "~版本":约等于版本
• "^版本":兼容版本
• "1.2.x":1.2.0、1.2.1 等，但不能是 1.3.0
• "*" :匹配任何版本
• ""（空字符串）":与 * 相同
• "版本 1 - 版本 2":与 ">=版本 1 <= 版本          2" 相同

要进一步了解 package.json，可在操作系统命令行上键入 npm help package.json，以便在浏览器中查看帮助内容。