vue项目中package.json文件中dependencies和devDependencies配置与npm i下载

最新推荐文章于 2024-04-23 09:20:27 发布
最新推荐文章于 2024-04-23 09:20:27 发布
阅读量1.6k 收藏 1
点赞数
文章标签： json vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tang31415926/article/details/120676608
版权

有时候nmp i下载依赖不完整,原因就是package.json中的配置原因.

在vue项目中package.json文件中:

  • dependencies属性==>上线环境必需依赖
  • devDependencies属性==>开发环境如测试所需依赖

  • 安装依赖时指令的区别:

  • (c)npm i(nstall) 名==>安装后在package.json中不配置,不能通过npm i 安装
  • (c)npm i(nstall) 名 -s(ave)==>安装后配置在package.json的dependencies中,上线自动打包,可npm i下载
  • (c)npm i(nstall) 名 -s(ave) -d(ev)==>安装后配置在package.json的devDependencies中,上线除非import  引入否则不自动打包
  • 当然,也可以手动修改package.json配置.
汤卓杰
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
dependencies 和 devDependencies 区别
likunpeng6656201的博客
08-20 546
当我们项目需要下载一个模块的时候，我们安装npm包（在项目目录下面npm install module_name）的时候，很多时候我们会在后面加上–save-dev 或 –save。这两个参数代表什么呢？ 初识 相信很多人都会回答： npm install module-name -save 自动把模块和版本号添加到dependencies部分 npm install module-name -s...
package.json配置文件构成详解
10-16
package.json配置文件是 Node.js 项目中的核心配置文件，它记录了项目的 metadata、依赖项、脚本、配置等信息。下面是对 package.json 配置文件的详细解析： 项目基础信息 在 package.json 文件中，项目基础信息是...
Vue项目中的一些问题
DFmoon
05-16 263
相关文件说明 package.json：记录项目中所需要的模块，在执行npm install时，node会先从package.json文件中读取所有dependencies信息，然后根据dependencies中的信息与node_modules中的模块进行对比，没有的直接下载，已有的检查更新。package.json文件只记录你通过npm install方式安装的模块信息，而这些模块所依赖的其他...
你真的理解 devDependencies 和 dependencies 的区别吗？
最新发布
LuckyWinty的博客
04-23 910
点击上方前端Q，关注公众号 回复加群，加入前端Q技术交流群作者：井柏然原文：https://juejin.cn/post/7135795969370619918你是否真的理解 devDependencies 和 dependencies 的区别？如果不能确切的回答、理解还停留在模糊的阶段，那就接着往下看。笔者结合案例讲解，保证一文就能让大家清晰理解他们的区别。笔者可以大胆的说：devDepen...
vue-package.json中的dependencies（生产依赖）和devDependencies（开发依赖）
startyangu的博客
07-10 1004
以下所有安装命令都会对node_modules生效，即安装都会安装到node_modules中，删除也会中从node_modules中删除。2、会添加到package.json的dependencies中 ,build时会打进去，3、会添加到package.json的devDependencies中。1、不会添加到package.json中。
vue里package.json中的dependencies和devDependencies
boy火巨的博客
03-27 1万+
dependencies： 应用能够正常运行所依赖的包。这种 dependencies 是最常见的，用户在使用 npm install 安装你的包时会自动安装这些依赖。 devDependencies： 开发应用时所依赖的工具包。通常是一些开发、测试、打包工具，例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包，用户在使用 npm install 安装你的包时也...
npm安装插件及package.json文件中dependencies和devDependencies的区别
MISS_zhang_0110的博客
10-11 4769
这个时候，如果X框架是作为全局安装的话，那么文件中只有一个版本，必定不能同时满足两个项目的需求。所以本地安装是很有必要的。2、dependencies 是项目正常运行所需要的依赖，而devDependencies则是开发者开发时整个项目所需的依赖（如会有一些测试依赖之类的）。1、dependencies 是发布到生产环境的，而 devDependencies 里面的插件只用于开发环境，不用于生产环境。本地安装的重要性：本地安装最最关键的就是解决了不同项目对不同包的版本依赖问题。
VUE：package.json下载 node_modules
qq_42146775的博客
03-12 2289
命令行进入package.json 所在目录运行 npm install 然后会会下载出node_modules 查看已经安装的：npm list 查看jquery的：npm list jquery
check-dependencies:检查当前安装的npm依赖项是否与package.json中指定的版本完全相同
05-02
检查依赖检查当前安装的npm / bower依赖项是否与package.json / bower.json中指定的版本完全相同安装要安装该软件包并将其添加到您的package.json ，请调用： npm install check-dependencies --save-dev基本原理当...
package.json说明1
08-04
《package.json详解与Vue.js项目实践》 在前端开发领域，`package.json`是一个至关重要的文件，它定义了项目的元数据以及依赖管理。本篇文章将深入解析`package.json`的关键属性，并结合Vue.js项目，尤其是基于`vue...
vue和webpack项目构建过程常用的npm命令详解
08-27
Vue 和 Webpack 项目构建过程常用的 npm 命令详解 在构建 Vue 和 Webpack 项目时，了解常用的 npm 命令是非常重要的。本文将通过实例代码介绍 Vue 和 Webpack 项目构建过程常用的 npm 命令。 安装 Vue 要安装最新...
vue踩坑记-在项目中安装依赖模块npm install报错
10-17
主要介绍了vue踩坑记-在项目中安装依赖模块npm install报错，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
package.json::card_file_box:package.json字段说明
04-30
小心不要使用package.json ，如果你想这个项目复制到本机进行文件夹名称-这将打破yarn （ An unexpected error occurred: "EISDIR: illegal operation on a directory, read". 本文档的原始版本是从复制而来的。 ...
npm如何一键安装package.json里的依赖文件。
热门推荐
lydia_liuY的博客
06-26 3万+
这里介绍如何使用npm一键安装package.json里的dependencies 和devDependencies里的所有模块。npm install 默认安装package.json中的所有模块。如果只想安装dependencies中的内容，可以使用--dependencies字段：npm install --dependencies同样只想安装devDependencies中的内容，可以使用...
Vue项目package.json中devDependencies与dependencies的区别
zhouzhiwengang的专栏
06-26 2229
本文转载至：https://www.jianshu.com/p/6d4138747131 安装方式 我们在通过cnpm安装插件或库时，有三种方式： cnpm install：将插件安装到项目，但不写package.json（不推荐，这样最终需要手动添加） cnpm install --save：将插件安装进项目，并写入package.json的dependencies中 cnpm ins...
package.json字段全解
weixin_34099526的博客
08-25 584
DESCRIPTION 本文档有所有package.json中必要的配置。它必须是真正的json，而不是js对象。 本文档中描述的很多行为都受npm-config(7)的影响。 name 在package.json中最重要的就是name和version字段。他们都是必须的，如果没有就无法install。name和version一起组成的标识在假设中是唯一的。改变包应该同时改变version...
vue dependencies相关说明
忙碌的菠萝
08-28 3150
依赖项相关说明 "dependencies": { "axios": "^0.20.0", "babel-polyfill": "^6.26.0", "core-js": "^3.6.5", "echarts": "^4.8.0", "element-theme": "^2.0.1", "element-theme-chalk": "^2.13.2", "element-ui": "^2.13.2", "vue": "^2.6.11",
package.json文件中dependencies和devDependencies的区别
Yang'blog
12-15 8721
首先，两个都是此项目的依赖。dependences 是项目正常运行所需要的依赖，而devDependencies则是开发者开发时整个项目所需的依赖（如会有一些测试依赖之类的）。npm install会默认安装两种依赖。如果你只是单纯的想使用这个包而不需要进行一些改动测试之类的操作，则运行：（只安装dependencies而不安装devDependencies。）npm install --produ
package.json之devDependencies和 dependencies的详解
简单Cere
06-06 3985
无论前端、Node做项目的时候经常会用package.json来管理本地安装的npm包，可是安装之后的包在哪里呢？为什么有时候安装要npm i XXX --save,有的是npm i XXX --save-dev?是不是很困惑？打开package.json会看见这两个如下： "dependencies": { "rxjs": "5.5.10", }, "devDepend...
vue项目的package.json文件里面存放什么
05-29
Vue项目的package.json文件是一个标准的Node.js的项目配置文件，它包含了项目的名称、版本、依赖、脚本等重要信息。具体来说，它包含了以下内容： 1. `name`：项目的名称。 2. `version`：项目的版本号。 3. `description`：项目的描述信息。 4. `main`：项目的主入口文件。 5. `scripts`：定义了一些npm脚本，比如`npm run dev`，用于启动开发服务器等。 6. `dependencies`：定义了项目的生产环境依赖，这些依赖将被打包到最终的应用程序中。 7. `devDependencies`：定义了项目的开发环境依赖，这些依赖只在开发过程中使用，不会被打包到最终的应用程序中。 8. `repository`：定义了项目的代码仓库信息。 9. `keywords`：定义了项目的关键词，用于搜索和分类。 10. `author`：定义了项目的作者信息。 11. `license`：定义了项目的许可证信息。 除了上述内容，还可以定义其他的配置项，比如`engines`，用于指定项目运行的Node.js版本。总之，package.json文件是Vue项目的核心配置文件，它定义了项目的基本信息和构建过程中所需的依赖和脚本。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汤卓杰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值