首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我应该在哪里安装/保存node_modules?

在开发过程中,通常会使用npm或者yarn来管理项目的依赖包。node_modules文件夹是用来存放这些依赖包的地方。一般来说,你可以选择在项目的根目录下安装/保存node_modules。

安装/保存node_modules的位置有以下几种选择:

  1. 根目录:将node_modules文件夹直接放在项目的根目录下。这是最常见的做法,特别是对于小型项目来说。这样做的好处是,所有的依赖包都集中在一个地方,方便管理和查找。
  2. 子目录:有些项目可能会有多个子目录,每个子目录都有自己的依赖包。在这种情况下,你可以选择在每个子目录中分别安装/保存node_modules。这样做的好处是,每个子目录都可以独立管理自己的依赖包,避免了不同子目录之间的依赖冲突。
  3. 全局安装:除了在项目中安装依赖包,你还可以选择全局安装一些常用的工具或库。全局安装的依赖包会被安装到系统的全局目录中,而不是项目的node_modules文件夹中。全局安装的好处是,这些工具或库可以在任何项目中使用,而不需要重复安装。

需要注意的是,不同的安装/保存位置可能会对项目的运行产生影响。在选择安装/保存位置时,你需要考虑项目的结构和依赖关系,以及不同位置对依赖包的引用路径的影响。

腾讯云相关产品和产品介绍链接地址:

  • 云开发(CloudBase):https://cloud.tencent.com/product/tcb
  • 云服务器(CVM):https://cloud.tencent.com/product/cvm
  • 云原生应用引擎(TKE):https://cloud.tencent.com/product/tke
  • 云数据库 MySQL 版(TencentDB for MySQL):https://cloud.tencent.com/product/cdb_mysql
  • 云存储(COS):https://cloud.tencent.com/product/cos
  • 人工智能(AI):https://cloud.tencent.com/product/ai
  • 物联网(IoT):https://cloud.tencent.com/product/iot
  • 移动开发(移动推送、移动分析、移动测试等):https://cloud.tencent.com/product/mobile
  • 区块链(BCS):https://cloud.tencent.com/product/bcs
  • 元宇宙(Tencent XR):https://cloud.tencent.com/product/xr

请注意,以上链接仅供参考,具体产品选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 【npm】简化本地文件引用路径

    /util") 这么写的缺点是什么 1、难看,不利于阅读(文件到底在哪里兄弟) 2、难以维护,如果文件路径移动了一下...所有引用的地方都要改 就算你会全局替换,摸摸你的良心说,你心里不慌吗,反正慌得一匹...2Npm Install 直接把本地模块安装到 项目的 node_modules 中,同时,也会写入 package.json 的依赖中,这样,别人clone 项目,直接安装就能使用了 步骤 1、创建...,会自动创建 软连接到 node_modules中,完成安装过程 ?...优点: 1、修改源文件,node_modules 中的文件也会跟着修改(也是挺好玩的) 2、别人可以直接安装使用 3Webapck - alias 如果你正在使用了 webpack 的话,那么有一种更为简单的方法来简化引用路径在...硬链接 : 是指针,所有的硬链接都是指向同一个磁盘块 删除一个指针不会真正删除文件,只有把所有的指针都删除才会真正删除文件 软连接 : 是另外一种类型的文件,保存的是它指向文件的全路径, 访问时会替换成绝对路径

    14.6K50

    pnpm 是凭什么对 npm 和 yarn 降维打击的

    大家最近是不是经常听到 pnpm,也一样。今天研究了一下它的机制,确实厉害,对 yarn 和 npm 可以说是降维打击。 那具体好在哪里呢?我们一起来看一下。...我们把 node_modules 删了,用 yarn 再重新安装下,执行 yarn add express: 这时候 node_modules 就是这样了: 全部铺平在了一层,展开下面的包大部分是没有二层...但是这样是有隐患的,因为没有显式依赖,万一有一天别的包不依赖这个包了,那你的代码也就不能跑了,因为你依赖这个包,但是现在不会被安装了。 这就是幽灵依赖的问题。...如果不复制文件,只在全局仓库保存一份 npm 包的内容,其余的地方都 link 过去呢? 这样不会有复制多次的磁盘空间浪费,而且也不会有路径过长的问题。...首先,最大的优点是节省磁盘空间呀,一个包全局只保存一份,剩下的都是软硬连接,这得节省多少磁盘空间呀。 其次就是快,因为通过链接的方式而不是复制,自然会快。

    72310

    三面面试官:运行 npm run xxx 的时候发生了什么?

    :我们在安装依赖的时候,是通过npm i xxx 来执行的,例如 npm i @vue/cli-service,npm 在 安装这个依赖的时候,就会node_modules/.bin/ 目录中创建 好...面试官:可以啊,真不错,但是还想继续问问,你说.bin 目录下的文件表示软连接,那这个bin目录下的那些软连接文件是哪里来的呢?它又是怎么知道这条软连接是执行哪里的呢?.../node_modules/.bin 目录下,而 npm 还会自动把node_modules/.bin加入$PATH,这样就可以直接作为命令运行依赖程序和开发依赖程序,不用全局安装了。...假如我们在安装包时,使用 npm install -g xxx 来安装,那么会将其中的 bin 文件加入到全局,比如 create-react-app 和 vue-cli ,在全局安装后,就可以直接使用如...(疯狂点头):嗯嗯,是的,就是这样 面试官:有点好奇。刚刚看到在node_modules/bin中 有三个vue-cli-service文件。为什么会有三个文件呢?

    1.5K30

    一文看懂npm、yarn、pnpm之间的区别

    所以如果现在运行npm进行安装,npm将安装lodash的主版本为4的最新版,可能是 lodash@4.25.5(@是npm约定用来确定包名的指定版本的)。...这是引用自shrinkwrap文档的内容: 如果你希望锁定包中的特定字节,比如是为了保证能正确地重新部署或构建,那么你应该在源代码控制中检查依赖关系,或者采取一些其他的机制来校验内容,而不是靠校验版本。.../node_modules/package-A/node_modules/package-B/node-modules/some-file-name-in-package-c.js变成了/node_modules...但是,错了,npm是有本地缓存的,它保存了已经下载的每个版本的压缩包。本地缓存的内容可以通过npm cache ls命令进行查看。本地缓存的设计有助于减少安装时间。...此外,截至2017年3月,它继承了yarn的所有优点,包括离线模式和确定性安装。 总结 认为yarn和pnpm的开发人员做了一个惊人的工作。个人喜欢的是确定性安装,因为喜欢控制,不喜欢惊喜。

    2.8K100

    「React TS3 专题」从创建第一个 React TypeScript3 项目开始

    reactjs.org" target="_blank" rel="noopener noreferrer" > Learn React and TypeScript 修改完后,我们进行保存...9 、添加 webpack 接下来我们使用 webpack 打包我们的项目,webpack 是什么就不介绍了,不明白的去 webpack官网看介绍(https://webpack.js.org/)。...针对这个配置文件,让我们来逐步分解下: module.exports:声明 webpack 配置对象 mode:设置 webpack 当前为开发环境模式还是生产模式 entry:设置 webpack 从哪里开始寻找要捆绑的模块...webpack 如何处理不同的模块,webpack 使用 ts-loader 处理 ts 文件和 tsx 扩展 resolve:设置 webpack 如何解析模块 output:设置 webpack 把代码编译到哪里去...; }; 11.6、 保存 index.tsx 文件 保存后,我们会看到浏览器会自动刷新显示我们更新的内容: ? ?

    2.2K10

    Hexo博客写作与图片处理的经验

    最近从Evernote转到了Typora,想到哪里就能够敲字写到哪里,而且输入后马上就能够转换为友好的显示样式,体验非常好。...没有选择图床作为图片的保存方式,一方面免费的图床很不稳定,另一方面使用图床在没有网络的情况下可能浏览器来还是不太方便。还是习惯将所有笔记最终都归档保存在Evernote中。...hexo-simple-image 的问题 在 Hexo 官网上看到这个插件的描述也是解决图片路径问题的,但是安装尝试之后遇到如下报错。...at String.replace () at Hexo.module.exports (/Users/shiqiang/Projects/hexo-blog/blog/node_modules...blog-name 通过typora向博客中插入一张图片,此时可以到source/_posts目录下看图片是否拷贝到了对应的目录 npm install hexo-image-link --save安装插件

    3.1K41

    包管理工具

    npm 了,或者国内的 npm 镜像包 cnpm ,大家熟称为淘宝镜像 但是现在,npm 已经是前端家喻户晓的存在了,为什么还会出现诸如 cnpm Yarn pnpm Yarn2 等等...今天就让带大家一起一探究竟...所有的文件都保存在磁盘上的一个地方。安装包时,它们的文件将从该位置硬链接,不消耗额外的磁盘空间。这允许您在项目之间共享相同版本的依赖项。 由于这种依赖关系的链接,它也比它的替代品快 2 倍。...与我们之前在 JS 内写回调地狱类似 v3 版本之后使用扁平化管理 #Yarn 默认使用扁平化依赖管理 安装一个 React,发现在 node_modules 目录内有其他包文件 . └── node_modules...那么所有的次级依赖去哪里了呢?就在 .pnpm 的文件夹里面,我们打开后可以看到所有的依赖(包括依赖的依赖)都在 .pnpm 文件夹内,所以 react 是唯一一个你的应用必须拥有访问权限的包。.../react/node_modules 里面没有 node_modules 目录,那么 react 的依赖去哪里了?

    2.7K20

    从npm发展历程看pnpm的高效

    默认并非扁平结构,因此代码无法对任意软件包进行访问 以上是4条优势是官网的说明和宣传,后面我们会针对npm的发展历史中存在的问题 来对比说明,pnpm的提出动机,pnpm 的优势在哪里,为什么具备这些优势...npm v3 扁平化 node_modules体积过大,嵌套过深 npm 团队也意识到这个问题,通过扁平化的方式,将子依赖安装到了主依赖所在项目中,以减少依赖嵌套太深,和重复下载安装的问题。...文件夹中; pnpm 综上,基于npm扁平化node_modules的结构下,虽然解决了依赖嵌套、重复安装的问题,但多重依赖和幽灵依赖并没有好的解决方式。...专业理解 在 Linux 的文件系统中,保存在磁盘分区中的文件不管是什么类型都给它分配一个编号,称为索引节点号(Inode Index)。...这个问题非常复杂,说来话长,一点点分析,花了很多功夫在这个问题上,目前也没有答案,和大家分享一下的调研结果。

    2.1K40

    给picgo上传的图片加个水印

    回到PicGo中,我们点击安装,进行插件的安装安装需要点时间,我们多等一等。...安装好之后,我们进入他的配置页面: 可以看到有字体文件路径,水印文字,水印文字颜色,字体大小,水印图片路径,水印位置和最小尺寸这几个选项需要填写。 字体文件路径。E.g....这里选择的是这个字体: /System/Library/Fonts/Hiragino Sans GB.ttc 有人说,那么字体颜色在哪里选啊?...直觉是因为的字体文件带了空格。换一个没有空格的,或者把字体改个名字。 再试一次,还是不行..... 然后研究一下了字体文件。发现其实是有两种格式的,一种是TTF,一种是TTC。...事实上,如果上面的尝试都不成功的话,的下一步计划是把插件切换到最开始fork之前的版本再试试。

    8810

    给picgo上传的图片加个水印

    回到PicGo中,我们点击安装,进行插件的安装安装需要点时间,我们多等一等。...安装好之后,我们进入他的配置页面:可以看到有字体文件路径,水印文字,水印文字颜色,字体大小,水印图片路径,水印位置和最小尺寸这几个选项需要填写。字体文件路径。E.g....这里选择的是这个字体: /System/Library/Fonts/Hiragino Sans GB.ttc 有人说,那么字体颜色在哪里选啊?...直觉是因为的字体文件带了空格。换一个没有空格的,或者把字体改个名字。再试一次,还是不行.....然后研究一下了字体文件。发现其实是有两种格式的,一种是TTF,一种是TTC。...事实上,如果上面的尝试都不成功的话,的下一步计划是把插件切换到最开始fork之前的版本再试试。

    17010

    用 Node 写一个批量删除 node_modules 的工具

    今天用 npm 安装包的时候,报错说磁盘空间不够用了: 想我也没有下什么很大的东西啊,大概是项目比较多,node_modules 比较多。 而 node_modules 一般是比较大的。...比如我一个 nest 项目的 node_modules 就有 275 M 呢: 当然,如果你用 pnpm 安装包,可能没这个问题 因为 pnpm 是把依赖安装到全局 store,然后用的硬链接的方式从全局...文档里也提到了这个优势: 但问题是很多项目用的是 yarn 和 npm,依赖保存在每个 node_modules 下,所以占用空间会很大。...总结 用 npm 或者 yarn 安装依赖,依赖直接保存node_modules 下,会占用很大的磁盘空间。 如果是 pnpm,因为用的是从全局 store 硬链接过来的方式,全局只会保存一份。...今天磁盘空间满了,所以想批量清理下 node_modules,于是用 node + ts 写了一个小工具。

    40320

    可能是开发小程序,最好用的两个编辑器

    这个说法确实是有依据的,因为全局安装字典文件确实是一件经常报各种错误的事情,操作的时候从来就没有成功过。...命令执行完后,会生成一个文件夹 node_modules 和一个 package.json 文件。...node_modules 文件夹保存着 npm 管理的模块,而 package.json 保存着这些模块的配置信息。...从上面可以看出来,node_modules 和 typings 文件夹都可以添加到.gitignore 里面 只有 d.ts 文件这种情况指的是,不知道从哪里获取到的 d.ts 文件。...(因为Visual Studio Code 会自动的为每个 js、ts 文件引用index.d.ts) 以上就是用过的安装 d.ts 文件的方式,当然了,typings 还有好多种方式提供代码提示,本人没有尝试过

    10.3K95

    Appium+python自动化55-Unlock和Appium Setting

    前言 部分真机可能会出现每次运行代码,启动app之前都会重复安装Unlock和Appium Setting这两个小工具,有的手机会自动安装,这个还好。...注意:appium之前老的版本1.4和appium desktop v1.7以后版本安装路径不一样,也有差异 小编主要是以appium desktop(大于1.7版本)为例 的环境: appium desktop...桌面GUI版本 V1.7.1 appium desktop 无界面命令行版本 V1.8.1 appium desktop 桌面版本 1.先看appium desktop桌面安装版本,如下图,的版本是...修改完后保存,然后重启appium,重新执行代码,就不会重复安装Unlock和Appium Setting了 appium desktop 命令行版本 1.如果是通过npm安装的appium命令行版本,...的命令行版本是1.8.1,那就在c盘搜索:npm,然后一层层找到以下路径 ?

    1.2K20
    领券