angular4学习指南,环境搭建,基础概念解析(一)

本文是Angular4的学习指南,介绍了Angular的跨平台应用开发背景,详细阐述了Angular4与AngularJS的区别。文章重点讲解了两种环境搭建方法,包括使用Angular种子工程和Angular-CLI。此外,还探讨了Angular的模块化结构,组件、模板、元数据以及核心特性——数据绑定。通过这些基础知识,帮助开发者快速入门Angular4开发。
摘要由CSDN通过智能技术生成
       一 Angular是什么?

Angular是由google开发维护的一个开发跨平台应用的框架,同时适应PC端和移动端。

两个大版本 1.5 和4.0:4.0完全重写,1.5之前的叫angularJS,4.0叫angular.

       二 Angular开发环境的搭建

Angular有两种环境搭建的方法,一种是使用angular提供的种子工程进行开发,另一种是使用Angular-cli的命令行进行开发。

种子工程的地址:https://github.com/angular/quickstart,clone到本地进行开发即可。

Angular-cli搭建本地开发环境:

打开命令行,检查自己本机是否已经安装node和npm,确保node在6.0以上,以及npm在3.0以上。安装成功后的效果如下图所示:

 

在自己本机全局安装angular-cli:命令如下:npm install -g @angular/cli,安装好之后使用ng -v检查是否安装成功。安装成功后的截图如下所示:

        安装完成后,使用ng命令创建一个新项目:ng new  projectName(你的项目名)
        进入到该项目目录:cd projectName 
        启动服务:ng serve 或者 npm start,这时angular的项目将新建成功,浏览器访问http://localhost:4200将会出现欢迎界面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值