这篇博客介绍了Angular的基本概念和开发流程，包括使用Angular CLI创建项目、理解Angular的核心组件、数据绑定、指令、服务以及依赖注入。AngularCLI简化了开发环境的搭建，提供了包括代码变更自动刷新在内的诸多功能。文章强调了组件作为框架核心的重要性，并阐述了服务在组件间通信和数据获取中的作用。
目前，无论你使用什么前端框架，都必然要使用到各种 NodeJs工具，Angular也不例外，与其他框架不同，Angular从一开始就走的是“全家桶”式的设计思路，因此@angular/cli这款工具里面集成了日常开发需要使用的所有Node模块 使用@angular/cli可以大幅降低搭建开发环境的难度
AngularCli类似于Vue Cli是 ANGULAR官方开发的一个脚手架工具 专门用来开发构建Angular应用程序
Angular 应用程序初始化
内置开发服务器
代码变更浏览器自动刷新
创建组件 指令 服务器等集成工具
安装·脚手架工具
Angular Cli是Angular官方开发的一个类似于 Vue cLI 的脚手架开发工具 它帮我们集成了webpack打包 开发服务器 单元测试 自动编译 部署等功能性
第一步
cnm i -g @angular/cli
安装结束之后我们可以通过输入以下命令检查是否安装成功
ng --version
ng new angular-demo （ng new +项目名称）
最后输入 ng-serve启动项目
目录结构介绍
e2e 端到端测试（暂不关心）； node.modules npm安装的第三方包； src 存放业务源码 .angular-cli.json
AngularCLI脚手架工具配置文件 .editorconfig 针对编辑器的代码风格约束 .gitignore Git 仓库忽略配置项
karma.conf.js 测试配置文件（给karma用的&
最低0.47元/天 解锁文章
808
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
