ng 目录详解

在新建的项目中需要我们关注的就是package.json和src文件夹

node_modules (项目所需依赖)是package.json所创建的模块安装到node_modules中

src:是代码的归属地，我们所需要写的代码哦基本都是在此文件夹下完成（定义组件，定义服务等）

package.json（项目配置文件） 定义项目名称，版本，项目所需要的依赖等

项目的浏览器兼容

browerslist： 这里是默认的浏览器兼容，如果需要更改，或者兼容到哪个，把对应前面的not 删除，或者不想其兼容，添加一个not 即可

---

src文件夹：

　　app文件夹：存放组件和根模块

　　assets:静态资源文件

　　environments：环境配置

---

index.html  入口文件

main.ts 整个项目入口

---

polyfills.ts（填充库）一般不会使用到

　　使用socket.io报global is not defined 错误====解决方案

　　在填充库中加入一句话 (window as any).global = window;即可

---

核心文件存放

src文件夹下的app 文件夹存放着核心文件

　　app.module.ts   根模块  （告诉ng 如何安装应用）

　　根组件：app.component.html / app.component.scss / app.component.ts

NgModule(这是一个装饰器)（{

　　declarations(配置项目的配置文件):[],

　　providers(配置项目需要的服务):[]，

　　bootstrap(配置启动)[]

}）

export class AppModule{} ( 暴露根模板)

---

app.compenent.ts文件

　　@Component（本是一个装饰器）存放三个组件（{

　　selector : '',

　　templateUrl：‘’，

　　styleURL是：[]

}）

顶部有一行代码：

import { Component } from ' @angular/core '此句的意思是(引入核心模板中的compenent)

export class AppComponent ( 暴露组件 ){

　　title = 'angular' ；  定义属性

　　constructor(){

　　//构造函数　

　}

}

---

在ng-cli 6+以后的版本中使用angular.json 代替了以前的angular-cli.json ，当新建一个ng-cli的项目发现项目中没有ng-cli。json 不要觉得项目新建失败

对于升级后的版本angular.json 的新的一些解析