第Ⅰ章-V package.json文件详解

第Ⅰ章-Ⅰ 了解Vue3 创建一个Vue3项目
第Ⅰ章-Ⅱ Vue3自定义创建项目 项目文件详解
第Ⅰ章-III Vite 创建vue3 项目
第Ⅰ章-IV npm yarn pnpm 包管理器

第Ⅰ章-V package.json文件详解

  • 简洁
  • 详解
    • 基本字段
      • [name 定义项目名称](#name 定义项目名称)
      • [version 定义项目版本号](#version 定义项目版本号)
      • [description 对项目的简短描述](#description 对项目的简短描述)
      • [main 指定项目入口文件](#main 指定项目入口文件)
      • [scripts 定义一系列可以通过命令调用的脚本](#scripts 定义一系列可以通过命令调用的脚本)
      • [private npm将阻止这个项目被发布到npm registry。](#private npm将阻止这个项目被发布到npm registry。)
    • 依赖关系
      • [dependencies 项目在运行时需要的依赖包](#dependencies 项目在运行时需要的依赖包)
      • [devDependecies 开发时需要的依赖包,列入构建工具 测试框架](#devDependecies 开发时需要的依赖包,列入构建工具 测试框架)
      • [peerDependecies 项目期望运行环境中已经安装的包](#peerDependecies 项目期望运行环境中已经安装的包)
    • 高级字段
      • [engines 定义项目所需的Node.js或npm版本](#engines 定义项目所需的Node.js或npm版本)
      • [registory 提供项目的源码仓库信息](#registory 提供项目的源码仓库信息)
      • [licence 指定项目许可证类型](#licence 指定项目许可证类型)
      • [files 列出了发布到npm registry 时需要包含的文件目录](#files 列出了发布到npm registry 时需要包含的文件目录)
      • [keywords 为项目提供一些管检测](#keywords 为项目提供一些管检测)
    • 其他字段
      • [author 作者信息](#author 作者信息)
      • [bugs 提供问题报告的链接或电子邮件](#bugs 提供问题报告的链接或电子邮件)
      • [homepage 指定项目的主页链接](#homepage 指定项目的主页链接)

简洁

他是一个Node.js项目的核心文件,用于定义项目的元数据,依赖关系,脚本等。

详解

基本字段

name 定义项目名称

  • 必须时唯一的。并符合npm对名称的命名规则
  • 在发布到npm registry[^1] 时会用作包的标识符
json 复制代码
{
    "name":"my-vue"
}

\^1\] npm用来存储和管理软件包的几种式存储库 #### version 定义项目版本号 * 使用语义版本控制 如1.0.0 ```json { "version":"0.0.0" } ``` #### description 对项目的简短描述 * 这个描述会显示在npm registry上,也有助于其他开发者了解项目的用途 #### main 指定项目入口文件 * 在Node.js环境中运行require() 或 import 语句时,默认会加载这个文件。 #### scripts 定义一系列可以通过命令调用的脚本 * 常用的脚本包括 start(启动项目) test(运行测试) build(构建项目) preview(vite提供的轻量级预览服务器 预览) ```json { "scripts": { "dev": "vite", "build": "vue-tsc && vite build", "preview": "vite preview", "test":"jest" }, } ``` vite-tsc 这一步运行TypeScript编译器tsc #### private npm将阻止这个项目被发布到npm registry。 避免项目意外发布敏感或未准备好的项目到公共仓库 ### 依赖关系 ```json { "dependencies": { "vue": "^3.4.21" }, "devDependencies": { "@vitejs/plugin-vue": "^5.0.4", "typescript": "^5.2.2", "vite": "^5.2.0", "vue-tsc": "^2.0.6" } } ``` #### dependencies 项目在运行时需要的依赖包 * 在 npm i时自动安装 * 版本号可以指定具体版本或者控制版本范围 #### devDependecies 开发时需要的依赖包,列入构建工具 测试框架 * 这些包不会在生产环境中安装 #### peerDependecies 项目期望运行环境中已经安装的包 * 用于插件类包,确保主包和插件的兼容性 * npm 在安装时会提示用户检查并安装这些依赖 ### 高级字段 #### engines 定义项目所需的Node.js或npm版本 确保项目在Node.js12以上版本运行 ```json { "node":">=12.0.0" } ``` #### registory 提供项目的源码仓库信息 * 通常是Git仓库的地址 #### licence 指定项目许可证类型 * 列入MIT GPL 等 可以为用户提供项目的使用许可信息 #### files 列出了发布到npm registry 时需要包含的文件目录 * 可以避免不必要的文件包含在包中,从而减少包的大小 #### keywords 为项目提供一些管检测 * 可以帮助npm搜索发现相关项目 ### 其他字段 #### author 作者信息 #### bugs 提供问题报告的链接或电子邮件 #### homepage 指定项目的主页链接

相关推荐
zhougl99640 分钟前
html处理Base文件流
linux·前端·html
花花鱼44 分钟前
node-modules-inspector 可视化node_modules
前端·javascript·vue.js
HBR666_1 小时前
marked库(高效将 Markdown 转换为 HTML 的利器)
前端·markdown
careybobo2 小时前
海康摄像头通过Web插件进行预览播放和控制
前端
杉之4 小时前
常见前端GET请求以及对应的Spring后端接收接口写法
java·前端·后端·spring·vue
喝拿铁写前端4 小时前
字段聚类,到底有什么用?——从系统混乱到结构认知的第一步
前端
再学一点就睡4 小时前
大文件上传之切片上传以及开发全流程之前端篇
前端·javascript
木木黄木木5 小时前
html5炫酷图片悬停效果实现详解
前端·html·html5
请来次降维打击!!!5 小时前
优选算法系列(5.位运算)
java·前端·c++·算法
難釋懷6 小时前
JavaScript基础-移动端常见特效
开发语言·前端·javascript