电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 使用 Angular 2 实现单页应用程序（2） [打印本页]

作者: look_w 时间: 2018-11-18 20:19 标题: 使用 Angular 2 实现单页应用程序（2）

需要做的准备工作要完成示例项目，您需要在开发 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，以便在浏览器中查看帮助内容。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)