npm的package.json文件

本文介绍了npm的package.json文件的作用,它是项目依赖的核心,记录包名、版本和作者信息。并通过实例展示了如何使用npminit创建初始文件,以及如何通过npm安装包并自动添加到package.json中。
摘要由CSDN通过智能技术生成

package.json文件简介

https://docs.npmjs.com/about-packages-and-modules
https://docs.npmjs.com/creating-a-package-json-file

npm的package.json文件描述了一个包(package )。一个包是一个文件或者一个目录。一个包必须包含一个package.json文件。package.json文件包含了项目对其它包的依赖。将自己的项目上传到npm库的时候,就不要把依赖的其它包打包进去;别人用npm安装包的时候,就可以从package.json文件中找到依赖的其它包自动下载。

使用npm init命令创建一个初始化的package.json文件

例如,我现在的项目目录是空的:
在这里插入图片描述

在cmd窗口,切换到目录下面:
在这里插入图片描述

执行npm init命令:
在这里插入图片描述

到项目目录下,可以看到,已经生成了一个package.json文件:
在这里插入图片描述

打开package.json文件文件,看看里边的内容:
在这里插入图片描述

其中name和version字段是必须的。
name存放着包名,包名必须是小写字母,且只能是一个单词,其中可以包含连字符和下划线。
version字段存放着版本号,格式必须是x.x.x。
author字段存放着作者信息,利用下面格式:Your Name <email@example.com> (http://example.com)。其中email 和website 都是可选的。例如

"author": "Your Name <email@example.com>"

通过npm安装的包会自动作为依赖插入到package.json文件中

上面已经生成了一个初始化的package.json文件了。下面,用npm安装jquery,看package.json文件的变化。

执行npm install jquery命令,在当前工作目录下安装jquery:
在这里插入图片描述

查看package.json文件的内容变化,可以看到,jquery作为依赖插入到了package.json文件中:
在这里插入图片描述

下面,再执行npm install @vant/weapp命令,在当前工作目录下安装@vant/weapp:
在这里插入图片描述

查看package.json文件的内容变化,可以看到,@vant/weapp"作为依赖插入到了package.json文件中:
在这里插入图片描述

到当前工作目录下面的node_modules子目录下查看,有我们刚刚安装的两个依赖包:
在这里插入图片描述

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
问题: npm run pick:dev是什么意思? 回答: npm run pick:dev是一个自定义的命令,它并不是在package.json的scripts中定义的。因此,当你运行npm run pick:dev时,系统会报错"missing script: pick:dev"。\[1\]在你的项目中,可以看到package.json中定义了一些脚本命令,比如"dev"、"build"和"lint"等。这些脚本命令可以通过npm run命令来运行,例如npm run dev会运行vue-cli-service serve命令。\[2\]如果你想使用npm run pick:dev这个命令,你需要在package.json的scripts中添加对应的脚本命令。例如:"pick:dev": "your-command"。然后你可以通过npm run pick:dev来运行你定义的命令。 #### 引用[.reference_title] - *1* *2* [npm run dev 和 npm run serve区别](https://blog.csdn.net/song_6666/article/details/124162715)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [npm run dev 的时候究竟做了什么](https://blog.csdn.net/web2022050901/article/details/125165316)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值