angular项目中package.json文件的了解

初始创建了angular项目后,会自动生成一个package.json的文件
该文件下的内容是json格式编写的,最外层包含以下的“键”:
name:项目名
version:版本
scripts:指令键值对
dependencies:运行应用的基础(引用)
devDependencies:只有在开发应用时才会用到(引用)

scripts的解释:
先举个例子:

"scripts":{
	"ng":"ng",
	"start":"ng serve",
	"build":"ng build"
},

这里可以看到有个叫做”start“的键,
我们在Run/Debug Configurations那里,新建一个npm的”执行“
Name就是这个"执行“的名字
package.json就是项目中那个package.json的文件
command:要运行的方式,这里选择”run“就是代表运行
scripts:这个是不是很熟悉,就是上面那个。这里我们直接填入”start“,就相当于写了”ng serve"。
然后点击ok,我们选中该“执行”,然后点击绿色的小三角,就能直接执行“ng serve”的指令了。

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

对devDependencies的说明:
@angular?devikit/build?angular:Angular的构建工具
@angular/cli:angular的CLI工具
@angular/compiler?cli:angular编译器,angularCLI的ng build和ng serve命令会调用它。
@angular/language?service:angular语言服务会分析组件模板并给出类型信息和错误信息,支持TypeScript的编译器可以使用它来提升开发体验。
@types/…:第三方库(如jasmine、node.js)的TypeScript类型定义文件。
codelyzer:Angualr应用的风格检查器
jasmine/…:用于支持jasmine测试库的包
karma:用于支持karma测试运行器的包
protractor:一个针对angular应用的端到端(e2e)的测试框架
ts-node:提供node.js使用的TypeScript运行环境和REPL
tslint:一个静态分析工具,它可以检查TypeScript代码的可读性、可维护性和功能性方面的错误。
typeScript:ts语言的服务提供者,包括ts编译器tsc

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值