为什么我们要为Angular 2.0安装Node.js?

我开始了关于Angular 2.0的教程,设置工作区的第一步是安装Node.js和NPM。

为什么我们要为Angular 2.0安装Node.js?

我不记得做这个angular1.X.

从技术上讲 ,Node.js和NPM不需要做Angular2的工作。 它确实缓解了事情。 以下是我推测的主要原因:

  • TypeScript :例子是.ts,你需要运行一个编译器步骤,让它们进入.js,这可以通过Node.js和NPM轻松完成(另外它也是一种轻松获得input文件的方式) ;
  • Web服务器 :从一个“真正的”虽然轻的Web服务器服务您的Angular SPA,可以防止使用file://链接检查您的网站时出现的一些令人讨厌的问题。

快速入门指南本身实际上还继续提到一些更具体的原因:

以下是这些脚本的作用:

  • npm start – 同时运行编译器和服务器,在“watch mode”

  • npm run tsc – 运行一次TypeScript编译器

  • npm run tsc:w – 以手表模式运行TypeScript编译器; 该进程继续运行,等待对TypeScript文件的更改,并在看到它们时重新编译

  • npm run lite – 运行lite-server,一个轻量级的静态文件服务器,对使用路由的Angular应用程序提供极好的支持

  • npm run typings – 分别运行打字工具

  • npm run postinstall – 成功完成软件包安装后,由npm自动调用。 该脚本安装typings.json中定义的TypeScript定义文件

您也可以查看快速入门源代码并进一步深入到需要NPM的地方。

因为Anglar2基于Typescript,Web Components和ES6,需要进行编译以提高性能和更广泛的浏览器支持。 Typescript 编译为ES5 JavaScript,其他function需要填充以提高向后兼容性。

由于Typescript是JavaScript的超集,并且它已经被编译为JavaScript,所以您可以用普通的JavaScript编写代码,但不推荐使用。

有关更详细的解释,请在YouTube上查看这些video

  • 为什么打字稿
  • Instalation步骤

NodeJS为您提供了工具npm,允许您下载您将在Angular 2中使用的库和包。从shell中,您可以到您的文件夹并键入npm install来安装您需要安装的依赖项,以使您的angular度项目能够顺利进行。 这会让你更容易! 如果你想要一个完整的初学者工具包,请访问https://github.com/buckyroberts ,你可以用所有的初学者文件来下载或下载zip文件,以便让你走了:)

即使你不需要在生产中的任何地方使用Node来使用任何前端Javascript框架。 无论是jQuery,AngularJS,ReactJS,Angular2等

Angular2可以单独使用,但是为了获得更好的开发环境,angular2应该和nodejs和npm一起使用。 一些nodejs模块可以帮助您进行Web开发。