Angular 学习 mac 电脑

1 Angular 编程软件： webstorm

2 Angular 环境搭建 Nodejs, Angular CLI,WebStorm

   nodejs 安装完之后 npm -v 可以看到nodejs 的版本

   sudo npm install -g @angular/cli    (安装angular 命令行工具)

    ng -v (查看angular 命令行工具版本)

3 angular 项目文件解释

   angular-cli.json 命令行工具配置文件，引用第三方包（boostrap,jquery）要修改这个文件

   package.json     应用的第三方依赖包

  karma.conf.js protractor.conf.js 是用来作自动化测试的配置文件

  tslint.json 代码质量检查

   app 文件夹 我们写的代码都要放在这个文件夹里

   assets 放图片等网站相关资源

   enviroments 多环境开发支持配置

   index.html 整个应用的根html， 系统启动用的文件

   main.ts 整个web应用脚本的入口点

   polyfill.ts 导入一些库 让angular 可以在老版本的浏览器可以运行

   test.ts 用来做自动化测试  

4 angular 的component 三要素，组件必备三要素

  @component() 装饰器， Template 模板，controller 控制器

  控制器包含组件的所有属性和方法 并把数据绑定在模板上

 

 5 angular 项目的启动

   web storm shortcut

     https://www.cnblogs.com/yeminglong/p/5995421.html

    代码格式化 option+command+l

     ng serve 

      创建组件 ng g component xxx

      创建服务 ng g service

     然后打开 http://localhost:4200

     Control+c stop terminal