angular项目中,package.json文件的各模块介绍以及使用

初始创建angular项目后,会自动生成一个package.json的文件。

该文件下的内容是json格式的,最外层包含以下“键”
name:项目名
version:版本
scripts:指令键值对
private:(没用到)默认为true
dependencies:是运行应用的基础(引用)
devDependencies:只有在开发应用时才会用到(引用)

scripts的解释:
先举个例子:
“scripts”: {
“ng”: “ng”,
“start”: “ng serve”,
“build”: “ng build”,
“test”: “ng test”,
“lint”: “ng lint”,
“e2e”: “ng e2e”
},
这里看到有个 start 的“键”
我们在 run/debug Configurations那里,新建一个npm的“执行”
–>Name就是这个“执行”的名字
–>packag.json就是我们项目中那个package.json
–>command:要运行的方式,这里选择“run”代表运行
–>scripts:这个是不是很熟悉,对就是上面那个,这里我们直接填入“start”,就相当于写了"ng serve"。
然后点击ok,我们选中该“执行”,点击绿色的小三角,就能直接执行"ng serve"指令了。

对dependencies里面的默认生成引用的解释(冒号后面对应的都是版本):
“@angular/animations”: “~8.2.14”,
“@angular/common”: “~8.2.14”,
“@angular/compiler”: “~8.2.14”,
“@angular/core”: “~8.2.14”,
“@angular/forms”: “~8.2.14”,
“@angular/platform-browser”: “~8.2.14”,
“@angular/platform-browser-dynamic”: “~8.2.14”,
“@angular/router”: “~8.2.14”,
“rxjs”: “~6.4.0”,
“tslib”: “^1.10.0”,
“zone.js”: “~0.9.1”

上述对应的引用的说明:
@angular/animations:动画库
@angular/common:提供的常用服务、管道和指令
@angular/compiler:模板编译器。它能理解模板并把模板转换成代码
@angular/core:本框架最关键的运行时部件,每个应用都需要它们
@angular/forms:用于支持模板驱动表单和响应式表单(就是表单)
@angular/platform-browser:与 DOM 和浏览器有关的一切
@angular/platform-browser-dynamic:包含那些用来在 JIT 编译器的客户端上编译并运行应用的提供者和方法。
@angular/router:当浏览器的 URL 变化时,路由器模块可以在应用的页面之间进行导航
rxjs: 很多 Angular API 都会返回可观察对象,跟observer打交道的
tslib:
zone.js:当原生 JavaScript 操作发生事件时,Angular 要依靠 zone.js 来运行 Angular 的变更检测过程

对devDependencies里面的默认生成引用的解释(冒号后面对应的都是版本):
“@angular-devkit/build-angular”: “~0.803.19”,
“@angular/cli”: “~8.3.19”,
“@angular/compiler-cli”: “~8.2.14”,
“@angular/language-service”: “~8.2.14”,
“@types/node”: “~8.9.4”,
“@types/jasmine”: “~3.3.8”,
“@types/jasminewd2”: “~2.0.3”,
“codelyzer”: “^5.0.0”,
“jasmine-core”: “~3.4.0”,
“jasmine-spec-reporter”: “~4.2.1”,
“karma”: “~4.1.0”,
“karma-chrome-launcher”: “~2.2.0”,
“karma-coverage-istanbul-reporter”: “~2.0.1”,
“karma-jasmine”: “~2.0.1”,
“karma-jasmine-html-reporter”: “^1.4.0”,
“protractor”: “~5.4.0”,
“ts-node”: “~7.0.0”,
“tslint”: “~5.15.0”,
“typescript”: “~3.5.3”
上述对应的引用的说明:
@angular?devkit/build?angular:Angular 构建工具。
@angular/cli:Angular CLI 工具。
@angular/compiler?cli:Angular 编译器,Angular CLI 的 ng build 和 ng serve 命令会调用它。
@angular/language?service:Angular 语言服务会分析组件模板并给出类型信息和错误信息,支持 TypeScript 的编辑器可以使用它来提升开发体验。
@types/… :第三方库(如 Jasmine、Node.js)的 TypeScript 类型定义文件。
codelyzer: Angular 应用的风格检查器(linter)
jasmine/… :用于支持 Jasmine 测试库的包
karma:用于支持 karma 测试运行器的包。
protractor:一个针对 Angular 应用的端到端 (e2e) 测试框架
ts-node:供 Node.js 使用的 TypeScript 运行环境和 REPL。
tslint:一个静态分析工具,它可以检查 TypeScript 代码的可读性、可维护性和功能性方面的错误。
typescript:TypeScript 语言的服务提供者,包括 TypeScript 编译器 tsc。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值