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 目录详解

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

ng 目录详解

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

ng 目录详解

上一篇:Java:Java集合系统整理


下一篇:AngularJS学习笔记