构建Angular4项目小结

标签：开发   pen   引入   new   install   web开发   module   过滤   size   

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

构建Angular4项目小结

标签：开发   pen   引入   new   install   web开发   module   过滤   size   

原文地址：http://www.cnblogs.com/keyBr/p/7874689.html