angular学习（1）

• angular和vue的区别

1. angular必须使用ts来完成，vue可以自主选择
2. angular项目的大小比vue项目要来的大
3. vue相对来说更灵活，angular的代码规范更加严格
4. angular的上手难度比较高，对于新手不太友好
5. angular的指令和方法都是绑定在$scope上的，而vue是new出来一个实例，所有方法和指令都绑在实例上，一个页面可以有多个vue实例，但是angular的对象只能有一个

• angular脚手架的安装

1. 安装node环境
2. 安装angular cli 使用cnpm安装  cnpm i -g @angular/cli 
3. 检测是否成功 ng verson
4. 新建angular项目  ng new 项目名
5. npm start运行项目并访问

• angular目录讲解

1. 一级文件内容

         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文件一样用来做自动化测试