为什么我们要为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开发。