详解文件 - packeg.json

当我们需要向项目中添加额外的依赖时,其就会被记录到这个文件默认的模板工程中。

package.json是一个项目描述文件, 是一个严格的json文件,里面记录了当前项目的信息。比如: 项目名称、版本、作者、gitHub地址、当前项目依赖哪些第三方模块等。

当我们需要向项目中添加额外的依赖时,其就会被记录到这个文件默认的模板工程中。

创建项目代码

npm create vite@latest my-vue-app -- --template vue
cd my-vue-app
npm install
npm run dev

若您是跟着代码一步步走来,packeg.json里面的文件应该是这样的

{
  "name": "my-vue-app",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.2.37"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^3.1.0",
    "vite": "^3.1.0"
  }
}

介绍

dependencies - 生成环境依赖

devDependencies - 开发环境依赖

  • dev 使用HMR启动本地web服务器进行开发
  • build 生成项目,并输出到文件夹。/dist
  • preview 启动一个本地web服务器,该服务器从/dist为构建的解决方案提供预览服务

参考文章

VUE模块

创建vite项目 - Vite

2022-9-13 14:43:14

VUE模块

vite中使用.vue/.css/.ts/.json/.sass/.jsx的方法 - Vite

2022-9-13 15:35:39

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索