--心法篇-《我和我的Angular》-01-学习笔记--

--心法篇-《我和我的Angular》-01--

angular学习笔记

  ### 安装先导
  1.安装node  
  2.使用npm install @angular/cli，安装angular脚手架  
  3.使用 ng -v 检查脚手架版本号，确认是否安装成功  
    （如果出现禁止运行脚本错误使用 set-executionpolicy remotesigned 修改执行策略）  
  
  ###创建angular项目
  1.通过cd命令进入对应文件夹
  2.ng new projectname新建项目
  3.ng serve 运行项目（默认运行端口为4200）
  （ng serve --open   运行且打开浏览器；
    ng serve --port 8080   修改本地运行端口为8080）

angular中各个文件的作用

  index.html        整个angular运行的入口文本文件
  main.ts           项目入口
  style.css         公共样式
  package.json      项目的各种版本以及依赖

  src目录
    app文件夹        存放组件服务及模块
    asset文件夹      存放图片、icon等静态资源
    
  app开头文件为根组件
    app.module.ts   告诉angular、如何编译及启动
  PS：
    decleration:    配置当前项目运行的组件
    imports:        配置当前运行依赖的其他模块
    providers:      配置项目所需要的服务
    bootstrap:      指定应用主视图、通过引导Appmodule来启动应用