npm 自定义配置 文件下载路径

本文介绍如何更改Node.js的npm默认安装路径,避免模块安装在C盘占用空间。通过创建自定义目录,使用npm config命令设置prefix和cache参数,并修改环境变量,实现全局模块的自定义安装。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Nodejs 内置的npm默认会把模块安装在c盘的用户AppData目录下,下面操作如何更改npm 安装目录

  1. 使用cmd命令进行查看当前电脑的npm 安装路径。
    输入 npm config ls

  2. 下面我们就开始配置自定义路径
    首先在要保存的路径下创建两个文件夹:node_global_modules和node_cache

添加好目录后 执行以下代码:

npm config set prefix D:\developer_tools\nodejs\node_global_modules
npm config set cache D:\developer_tools\nodejs\node_cache

3.修改环境变量

新增环境变量 NODE_HOME,改成自己node.js的位置

我安装在:

D:\developer_tools\nodejs

在path上编辑文本,加入以下内容

;%NODE_HOME%\;%NODE_HOME%\node_modules;%NODE_HOME%\node_global_modules;

或者path中追加

%NODE_HOME%\; 
%NODE_HOME%\node_modules; 
%NODE_HOME%\node_global_modules;

4.测试,重新打开一个cmd命令行,安装一个插件试试,执行

npm install jquery -g // -g意思是安装到全局目录下

安装完毕后打开设置的安装路径看下是否成功
在你设置的目录node_global_modules 中出现
文件则表示设置成功:


参考:https://blog.csdn.net/u010249656/article/details/82187716

在Visual Studio Code (VS Code) 中,虽然默认情况下不需要额外配置就能直接使用`<script>`标签引入外部库如jQuery,但如果你想使用Node.js的npm包管理工具(比如`npm`或`yarn`)来引入jQuery,可以按照以下步骤操作: 1. **安装Node.js和npm(如果还未安装)**: 可从Node.js官网(https://nodejs.org)下载并安装。 2. **创建一个新的Node.js项目(optional)**: 进入你想存放项目的地方,运行 `npm init -y` 创建一个简单的package.json文件。 3. **安装jQuery**: - 打开终端或命令行窗口,导航至项目目录。 - 输入命令 `npm install jquery` 来安装jQuery作为依赖。 - 或者使用 `yarn add jquery` (如果使用yarn作为包管理器)。 4. **配置webpack(如果项目使用Webpack)**: - 在`package.json`的`"scripts"`字段中,添加一个打包命令,如 `"build": "webpack"`。 - 在`webpack.config.js`中设置externals选项,将jQuery作为一个全局变量引入,避免打包时重复。 5. **引用jQuery**: - 在入口文件(通常是index.js或main.js),你可以通过`import * as $ from 'jquery';`引入。 6. **在HTML中引用生成的bundle(如果使用Webpack)**: - 使用Webpack打包后的`dist`目录下的输出文件,通常会有一个.js或.js.map文件。 ```html <script type="module" src="./dist/bundle.js"></script> ``` 7. **如果不使用Webpack**: - 直接在HTML中引用`node_modules/jquery/dist/jquery.min.js`。 请注意,这针对的是使用Node.js环境的情况。如果你只是简单地想在浏览器环境中用jQuery,那么按照第1步下载jQuery文件并手动添加到HTML即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值