目前,无论你使用什么前端框架,都必然要使用到各种 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用的&