- angular和vue的区别
- angular必须使用ts来完成,vue可以自主选择
- angular项目的大小比vue项目要来的大
- vue相对来说更灵活,angular的代码规范更加严格
- angular的上手难度比较高,对于新手不太友好
- angular的指令和方法都是绑定在$scope上的,而vue是new出来一个实例,所有方法和指令都绑在实例上,一个页面可以有多个vue实例,但是angular的对象只能有一个
- angular脚手架的安装
- 安装node环境
- 安装angular cli 使用cnpm安装 cnpm i -g @angular/cli
- 检测是否成功 ng verson
- 新建angular项目 ng new 项目名
- npm start运行项目并访问
- angular目录讲解
- 一级文件内容
E2e:端到端测试目录,做自动化测试
node_modules:项目依赖包
Src: 应用的源代码目录
其他
Angular-cli.json : angular命令行工具的配置文件
karma.conf.js: kamar自动化测试的集成器的执行器
Package.json :做angular开发用到的各个模块版本
Protractor.conf.js :自动化测试执行的配置文件
tslint.json :定义代码质量检查的规则
tsconfig.json :typescript编译器的配置,已经按照angular项目标准已经配好了,大家不用动
ReadMe:angular命令行工具生成的标准说明
Node_modules library root: 所需的第三方依赖包
2. 应用程序目录
Assets :存放静态资源,比如用到的图片
Environments:环境配置,angular支持多环境开发,我们的代码会共用于多个环境,开发环境、生产环境,测试环境,但不同的环境配置不一样
environment.prod.ts:存放不同环境配置文件,编译时会将不同环境的配置文件编译到不同环境的代码中去
Index.html:整个应用的根HTML,系统一起来,就访问这个文件
Main.ts:整个web应用脚本执行的入口点,通过这个文件来启动整个项目
Polyfills.ts:导入一些库,来适应一些版本比较老的浏览器
Style.scss:程序的全局样式
Test.ts:与karma文件一样用来做自动化测试