在新建的项目中需要我们关注的就是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 的新的一些解析