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 一些新的分析一些新的分析的一些新的解释

转载于:https://www.cnblogs.com/rockyjs/p/11232443.html