点击登录,精彩内容等着你

Vue3之package.json的配置说明

全栈侠客

2022-12-01
package.json作为vue工程的配置文件,担负着重要的项目依赖库信息与配置信息。

任何的项目工程,其实都是有一个文件作为项目工程的配置信息的保存,如springboot工程的maven的pom.xml,如eclipse打开的工程目录,保存工程的对于eclipse的配置信息文件:.classpath文件等

  • Vue工程也不意外,使用package.json文件作为工程的配置信息保存

一、配置原则

  • pageage.json随着项目的创建,一同自动创建,是项目的核心文件。
  • package.json是一个json文件,不能有任何的注释,否则会出现编译错误
  • package.json好比java工程的maven配置文件pom.xml,指明项目工程依赖的所有库与对应的版本号
  • 通过命令npm install命令,是对项目进行依赖下载与安装第三方库,并把对应的库文件下到到项目根目录下的node-modules文件中。同时更新了package.json,也一样通过这个命令进行库的更新。

二、几个常用配置说明

1.scripts

指定了运行脚本命令的npm命令行缩写
如下列设置中指定了npm run dev所要执行的命令为vite【即npm run + 快捷名】

  1. "scripts": {
  2. "dev": "vite",
  3. "build": "vite build",
  4. "preview": "vite preview"
  5. }

其实在终端中,运行项目的时候,都有提示出真正运行的命令是什么的:

2.dependencies,devDependencies

dependencies — 指定了项目运行所依赖的模块
devDependencies — 指定了项目开发所需要的模块,注意:vite的plugins注册,需要现在这里声明

3.cinfig变量设置

用于向环境变量进行变量初始化,并进行输出

  1. "config": {
  2. "name": "leanboot",
  3. "items": [["id":123,"name:'精益']]
  4. }

其他的一些配置变量,比较少用,这里就不一一列出

阅读 2259     最后编辑 2022-12-01 15:51
文章补充
评论(0) 发表新评论
  • ...暂无评论...

我是有底线的 评论与点赞5分钟更新一次
回复评论
取消关闭

请先登录