开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

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

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

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

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

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

相关搜索:Gem Recaptcha我应该在哪里指定站点密钥？WPF/C#:我应该在哪里保存用户首选项文件？在Python中，我应该在哪里换行在SwiftUI中我应该在哪里绘制CGPaths？在我的CentOs设备上应该在哪里安装Odoo erp？我应该在eclipse上安装哪个gradle插件？我应该在哪里使用protobuf 我应该在哪里保存后台Android的配置数据我应该在哪里修改？我应该在哪里存储Python3模块？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

npm 安装包的路径在哪里

文章目录 1、npm 将软件包安装到哪里 1. 本地安装 2....全局安装 2、如何使用或执行 npm 安装的软件包 1、npm 将软件包安装到哪里当使用 npm 安装软件包时，可以执行两种安装类型：本地安装全局安装 1....全局的位置到底在哪里？ npm root -g 命令会告知其在计算机上的确切位置。如下是我重新配置的全局安装路径，详情请访问：npm 设置全局变量安装路径及环境配置 ?...在 Windows 上，可能是 C:\Users\YOU\AppData\Roaming\npm\node_modules。如：我云服务器上的全局安装路径 ?...当使用 npm install cowsay 安装软件包时，它会在 node_modules 文件夹中安装自身以及一些依赖包： ?

16.7K1 0

protractor量角器软件_flashback啥意思

你还应该检查一下 Node 的版本，它应该在 v0.10.0 以上。 node --version Node 中附带了 npm 包管理工具，通过 npm 可以下载和安装 protractor。...我们还将使用本地的独立 Selenium 服务器来控制浏览器，你需要安装 Java Development Kit (JDK) 来运行它，通过执行下面的命令来检查 java 是否正确安装。...安装 protractor 使用 NPM 进行全局安装。...webdriver-manager update 我这里执行的结果是这样的。...下载之后，保存到哪里呢？直接执行一下 webdriver-manager，可以看到如下的输出。

1.9K4 0

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

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

14.5K5 0

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

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

7011 0

三面面试官：运行 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.4K3 0

一文看懂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.8K10 0

使用npm+gulp+browserify网页前端开发

安装全局插件 gulp建议安装到全局，这样可以通过命令行gulp运行。如果安装到项目，就需要使用路径访问，如：node ....[08:05:11] Local version 3.9.1 我用虚拟机测试，在宿主机器上访问方便，安装一下http-server。...安装js依赖 jquery很常用，就以它为例。 $ npm install jquery@1.12.4 这时候文件就在项目目录的node_modules中了。...$ sudo cnpm install -g browserify 项目结构调整构建过程中，源码在src中，构建后会保存到dist中，html实际引入的是dist的。...$(function(){ $("#edit").on("click",function(){ $("#div1").text("abc"); }); }); 有疑问了，jquery在哪里

1K3 0

「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.2K1 0

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.1K4 1

包管理工具

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.7K2 0

从npm发展历程看pnpm的高效

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

2K4 0

执行vue create时到底做了什么

安装 vue-cli 我默认大家都已经在自己电脑安装好 node 了，如果没装的，请打开 node官网自行安装。在执行 vue create 命令前，先确保电脑已经安装了 vue-cli。...vue-cli 到底安装在哪里了？不管是使用 npm 还是 yarn 安装 vue-cli ，都离不开 node。所以我到了 node 的安装目录下查看，果然发现了 vue 的身影。...$basedir/node_modules/@vue/cli/bin/vue.js $basedir 表示文件所在的目录。...于是我顺藤摸瓜，进入了 /node_modules/@vue/cli/bin/ 目录，发现了 vue.js 文件。这个文件有200多行代码，里面有详细配置 vue-cli 的各种指令和配置项。...ln -s 文件路径命令名我在 D盘创建 test.js，内容如下： #!

4693 0

node、npm、vue安装 -- VUE 项目 demo 实例

是否需要安装单元测试工具Karma+Mocha，我这里不需要，所以输入n。 Setup e2e tests with Nightwatch?...是否安装e2e来进行用户行为模拟测试，我这里不需要，所以输入n 创建成功如下图：（在finished 上面可能会有多行红色 error 信息，不用关注，无影响。）...这时应该在路径 D:\node下已经生成项目：firstApp ，结构如下（在这一步还没有文件夹：node_modules，后面才会生成。）...node_modules：npm 加载的项目所需要的各种依赖模块。...就这么多，我还在学... 参考：https://blog.csdn.net/jiangyu1013/article/details/83855476

7243 0

给picgo上传的图片加个水印

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

1541 0

给picgo上传的图片加个水印

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

841 0

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

这个说法确实是有依据的，因为全局安装字典文件确实是一件经常报各种错误的事情，我操作的时候从来就没有成功过。...命令执行完后，会生成一个文件夹 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.3K9 5

通过软链接共享node_modules

当两个以上项目的依赖需要用同一套node_modules，安装node_modules就很烦，需要很长的时间等待，node包小还好，若是很大呢？总不能一个个的去npm install吧！...下面就是解决办法首先打开cmd以管理员身份运行创建一个软链接【注意】第一个地址文件夹下不要有node_modules，否则会提示已经有了文件，无法创建 mklink /d E:\(克隆到哪里的地址...)\node_modules E:\(要克隆的地址)\node_modules 克隆完成的样式然后启动项目就可以了

1511 0

--save-dev和--save的区别

如果npm install xxx后面没有输入要保存到哪个里面，devDependencies和dependencies都没有。...我这边直接npm install jquery，node_modules下有jQuery。...然后我删除node_modules,执行npm install，node_modules下并没有下载jQuery。...然后我在devDependencies下安装依赖： "devDependencies": { "html-webpack-plugin": "^4.0.3", "jquery": "^3.4.1",...然后我在dependencies下安装依赖： "dependencies": { "html-webpack-plugin": "^4.0.3", "jquery": "^3.4.1", "webpack

1.2K1 0

用 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 写了一个小工具。

3662 0

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.2K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭