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

你可能感兴趣的:(angular学习(1))