【前端】--Angular2.0的介绍(一)
【前言】Angular2.0是基于TypeScript开发的一个前端框架,TypeScript是ES6的一个框架,所以也可以说是基于ES6开发的。AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行。AngularJS2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件。 【运行环境】由于目前各种环境(浏览器或 Node)暂不支持ES6的代码,所以需要一些shim和polyfill(IE需要)让ES6写的代码能够转化为ES5形式并可以正常运行在浏览器中。
从上图可以看出在 Es5 浏览器下需要以下模块加载器:
【环境搭建】
开发Angular2.0项目有两种方式:一个是Angular-cli,另一个是利用webpack,两个选哪一个都可以,在这里我们使用Angular-cli 开发。
需要的基础工具有:
nodejs,npm,webstorm,(前两个的安装使用在之前的博客已经介绍过了,webstorm类似vs的一种开发工具,自行在下载吧)。
安装Angular CLI
window下:npm install -g angular-cli
【创建新的项目】
ng new 项目名字:
一直到安装完成,那么项目的框架基本上已经搭建完成了。
工程结构图如下:
就这样,最简单的angular2工程创建好了; 启动cd project_name
浏览器输入 http://localhost:4200/ 就可以看到app works! 【总结】
Angular2.0的学习刚刚开始,接下来的博客里会慢慢介绍Angular的一些知识。因为是刚接触有理解的不对的地方,欢迎指出。
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |