构建Angular4项目小结

1.angular4的优点

angular是一个比较完善的前端MVC框架,包含了模板,数据双向绑定,路由,服务,过滤器,依赖注入等等所有的功能,基本上只要你做web开发,angular都会提供一个,换句话说,相对于一些其它的只关注前端某一方面的框架来说,学习angluar这么一个框架,往框架里填东西,基本上可以搞定前端开发的所有问题。

2.全新的命令行工具Angular CLI

angular官方开发团队提供的一个命令行工具,可以生成一个新项目的骨架,或者生成我们需要的组件的基础代码,或者做为一个开发调试服务器构建部署运行我们的代码,自动化的单元测试等等。

3.搭建angular开发环境

#全局安装 Angular CLI (可以例用 ng -v 查看安装的版本信息)
npm install -g @angular/cli

4.创建项目

ng new myApp 
如果在后面加上 --routing参数,会在app目录下面多出来一个路由配置app-routing.module.ts文件,同时在app.module.ts文件中自动引入生成的路由配置文件,同时在app.component.html中引入<router-outlet></router-outlet>(注意本项目生成时没用这个参数,后面咱们是手写的,便于学习)

5.启动开发服务器

cd myApp
ng serve --open

开发体会:
个人觉得angular2以上版本和vue,react等主流框架有很多类似的地方,学会一个之后,其他的学起来很快。而angular对于JAVA小伙伴们非常友好,比一些前端初学者学的要快得多。
作为一个合格的前端,搭建项目是基础的东西,要去了解一些主流的搭建框架的工具。

posted @ 2017-11-21 18:16  keyBr  阅读(639)  评论(0编辑  收藏  举报