本文介绍如何通过 npm install 增加的命令行参数和 .npmrc 来动态配置自定义 npm 包的行为。...接管 npm install 流程 当外部项目引入我们的自定义 npm 包时，必须要执行的就是 npm install your_package_name 来安装你的包。...如果我们需要在 npm install 时执行一些自定义命令，可以修改 package.json 增加 install 指令来增加一些自定义指令。...所以读取的时候要注意一下： if (process.env.npm_config_download_url) { // ... } 使用 .npmrc 配置文件 通过命令行配置是一种方式，但有时我们希望不需要敲繁琐的命令就一直让...需要注意的是，.npmrc 配置的优先级要高于命令行参数，所以如果你添加了 .npmrc 又在命令行使用了同样的参数列表，那么始终以 .npmrc 为准。
本文不介绍基本的操作命令，仅介绍 npm 的非常规的但又很重要的几个命令。...npm config npm 配置的查看和设置 npm config get # 获取 npm 的配置信息 # 等同于 npm config list # 等同于 npm get npm config...# npm 退出登录 npm whoami # 查看当前登录用户 如果登录的时候发现即使是正确的密码也报错，可以试图清空一下此文件 ~/.npmrc 内部的账号、密码、邮箱的配置信息。...npm outdated 查看所有可更新包 npm version 此命令可以自动修改 npm 包的版本号，这在 npm 包发布的时候非常有用。...prerelease # v5.2.2-2 $ git tag v5.3.0 $ npm version from-git # 此命令会自动获取最新的 git tag 将其作为 npm 包的版本号
下面我们分四个步骤来详细总结一下 npm 的命令行存放位置 npm 命令添加过程 npm 命令执行过程 项目本地安装是否必要 npm 命令行包存放位置 npm 中所有可供调用的命令行包 存放在 项目根目录的...而 window 下 npm run 调用的也是这个 cmd 文件 npm 命令添加过程 npm 在 执行 install 时，会分析每个依赖包的 package.json 中的 bin 字段，并将包含的命令安装到.../node_modules/.bin 目录中 我们 现在来添加一下自己的包，来测试一下 在 自己创建的包的 package.json 中，给 bin对象 添加一个键值对 配置格式 如下： 命令名称：入口执行文件...执行 npm install file:./npm-install-test 为什么这么做，可以参考我的另一篇文章 【npm】简化本地文件引用路径 ?...好的查看 bin 目录，发现 我们的 apple 添加到 node_modules/bin 下面了！ npm 命令执行过程 npm run 命令执行的时候，会把 .
文章目录 查看 npm 默认路径配置 配置npm在安装全局模块时的路径和缓存cache的路径 测试是否配置成功 查看 npm 默认路径配置 查看 npm 路径配置，npm 的默认安装路径：C:\用户\用户名...配置npm在安装全局模块时的路径和缓存cache的路径 默认情况下，在哪个文件夹下运行 npm，npm 就在当前目录创建一个文件夹 node_modules，然后将要安装的程序安装到文件夹node_modules...在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在 C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用...所以这里配置自定义的全局模块安装目录，在node.js安装目录下新建两个文件夹 node_global和node_cache，然后执行如下两个命令： ?...测试是否配置成功 执行 npm install webpack -g， 然后安装成功后可以看到自定义的两个文件夹已生效： ? ? ?
后来仔细看了下安装成功后的信息，才发现原来是自动安装在C盘了，天啊，C盘肯定不能来放这些东西的啦，于是呢就上网百度了一下。 ? 方法一：（百度到的，不过对我无效....）...打开 ’nodejs安装目录/node_modules/npm/.npmrc‘ ，修改此文件为： prefix = G:\nodejs\npm_global_modules 好了，试一下 npm install...方法二： 1、打开Node.js Command prompt，执行npm config ls 于是你可以一幕了然了... ?...2、修改prefix的值：npm config set prefix * ? 搞定啦~~~ 总结：一个简单的问题，之所以搞了大半天，归根结底还是学习方法的问题。...遇到这样的问题查看帮助文档 npm help install 或者 google 能快速得到答案。（另外，不要太抗拒英文文档咯~~） 习惯用Evernote记笔记啦，所以也懒得写博客。
三、registry npm update命令怎么知道每个模块的最新版本呢？ 答案是 npm 模块仓库提供了一个查询服务，叫做 registry 。...npm install和npm update命令，都是通过这种方式安装模块的。...四、缓存目录 npm install或npm update命令，从 registry 下载压缩包之后，都存放在本地的缓存目录。...这个缓存目录，在 Linux 或 Mac 默认是用户主目录下的.npm目录，在 Windows 默认是%AppData%/npm-cache。通过配置命令，可以查看这个目录的具体位置。...如果是的，就不再向远程仓库发出请求，而是直接返回.cache.json的数据。 .npm目录保存着大量文件，清空它的命令如下。
本地安装 默认情况下，当输入 npm install 命令时，例如： npm install lodash 软件包会被安装到当前文件树中的 node_modules 子文件夹下。...通过 npm config get prefix 来获取当前设置的全局目录。 ? 全局的位置到底在哪里？ npm root -g 命令会告知其在计算机上的确切位置。...如下是我重新配置的全局安装路径，详情请访问：npm 设置全局变量安装路径及环境配置 ?...在 Windows 上，可能是 C:\Users\YOU\AppData\Roaming\npm\node_modules。 如：我云服务器上的全局安装路径 ?...假设使用以下命令安装了流行的 JavaScript 实用工具库 lodash： npm install lodash 这会把软件包安装到本地的 node_modules 文件夹中。
1配置全局插件文件存放目录 说明：本地nodejs安装路径为：D:\Software\Nodejs 先在安装目录创建2个空的文件夹 cd /d D:\Software\Nodejs mkdir node_cache...4Npm的其他命令or用法 使用cnpm命令代替npm命令进行依赖包安装，加速下载插件 npm install -g cnpm --registry=https://registry.npm.taobao.org...@server:port 删除代理 npm config delete proxy npm config delete https-proxy 查看npm配置内容（可以配置默认指定源） npm...config get registry 或者查看配置文件 linux： ~/.npmrc windows：用户目录下的.npmrc 文件 其他命令： # 提供一些其他命令供大家自己扩展学习了解...(以下命令中的module_name要改为具体的包名) npm/cnpm view module_name version #查看某个包的最新版本 npm/cnpm view module_name
初始化工程 npm init -y # 初始化npm配置⽂件 npm install --save-dev webpack@4.43.0 # 安装核⼼库 npm install --save-dev webpack-cli...@3.3.12 # 安装命令⾏⼯具 配置.npmrc设置npm源为淘宝镜像 ⼤家⼀开始使⽤ npm 安装依赖包时，肯定感受过那挤⽛膏般的下载速度，上⽹⼀查只需要将 npm 源设 置为淘宝镜像源就⾏，在控制台执...⾏⼀下以下命令： npm config set registry https://registry.npm.taobao.org 添加⼀个 .npmrc 并做简单的配置即可： # 创建 .npmrc...其他配置 }), ] }; 自定义loader webpack.config.js中使用自定义loader loader路径为绝对路径，options参数，在loader中this.query...)) }, 3000) // return source.replace('hellow', '刘xxx '); } 为了避免自定义loader路径写的不优雅 webpack.config.js
过去一直有一个疑问，为什么我在命令行运行 npm start，可以正常启动 webpack，而直接使用 craco start 不行？...后半句很好理解，直接使用 craco start 会从系统的环境变量 $PATH 中查找 craco，因为之前没有配置过所以找不到。但是， npm 为什么能执行呢？...bin 中找到了 lessc 这个命令工具，而 craco 也应该是到这里来找命令工具了。...刚好看到一篇写的不咋对的热点博客，所以也来整理一下。 less 或 craco 这样的 npm 包自己的 package.json 中包含一句 "bin" : { "craco" : "..../bin/craco.js" }, 在运行 npm install craco 时，npm 会检索到这项配置并将 craco 包中 /bin/craco.js 软链到 node_modules/.bin
参数即可，其作用与一路回车相同，这样生成的文件中就包含 package.json 文件 自定义 npm init 行为 npm init 命令的原理并不复杂，调用 shell 脚本，输出一个初始化的...查看某个环境变量：echo $NODE_ENV 删除某个环境变量：unset NODE_ENV npmrc 文件 除了使用 CLI 的 npm config 命令显示更改 npm 配置，还可以通过 npmrc...这样的 npmrc 文件优先级由高到低包括： 工程内配置文件: /path/to/my/project/.npmrc 用户级配置文件: ~/.npmrc 全局配置文件: $PREFIX/etc/npmrc...(即npm config get globalconfig 输出的路径) npm内置配置文件:/path/to/npm/npmrc 很多时候我们在公司内网需要通过代理才能访问npm源，通过这个机制，我们可以方便地在工程跟目录创建一个....npmrc 文件来共享需要在团队间共享的 npm 运行相关配置。
.gitignore .gitignore 配置的文件不仅会在git中忽略，也会在npm publish时被忽略。....npmignore .npmignore 可以用于设置npm publish时忽略的文件范围。若同时存在.gitignore和.npmignore，只有.npmignore会生效。...package.json 可以在package.json的files字段配置需要发布的文件和目录，这个优先级比.gitignore和.npmignore都要高。
安装Electron 在安装之前，我们先模拟一下没有配置任何关于Electron二进制镜像的npm配置文件，在~/.npmrc里面，只有一些默认的配置： # ~/.npmrc文件 registry=https...最后，使用命令行安装Electron：npm install electron -D。...的镜像electron_mirror="https://npm.taobao.org/mirrors/electron/" 于是我们按照搜来的解决方案重新配置我们的.npmrc文件： # ~/.npmrc...，只会有当前机器的环境变量： 但是一旦通过npm进行运行，又会不一样： 运行命令npm run dev，会得到如下的结果，这里本人使用IDEA的断掉调试，会更加清晰的看到env的值： 通过npm...run的方式，我们发现我们在~/.npmrc文件中配置的一些参数，都能在这里得到，并且是以npm_config_作为开头的。
npm 更改为淘宝镜像的方法 1、命令行临时使用指定镜像（淘宝） npm --registry https://registry.npm.taobao.org install express 2、命令行永久更改使用指定镜像...npm配置文件直接修改，本质和第2条一样，配置文件位置（windows环境）为C盘下的.npmrc文件（百度很容易查到文件路径），MAC没试过。...可以用如下命令找到配置文件位置 npm config ls -l 4、使用淘宝 NPM 镜像（参考 http://www.runoob.com/nodejs/nodejs-npm.html） 命令行输入...mirrors/electron/为例，参考https://reactnative.cn/docs/debugging/） 打开.npmrc，添加该包的指定镜像，截图如下 6、要想将镜像源改回国外的源可以直接将...可以通过命令行”npm config get cache”获取缓存目录，对于全局路径还可以用这个命令”npm root -g” mac下： /Users/apple/.npmrc (“apple”是自己的
AppData/Roaming/npm npm实际去找全局命令的目录：C:/Users/[username]/.npmrc 文件内容的prefix值 npm包全局cache目录：C:/Users/[username...]/.npmrc 文件内容的cache值 需要配置系统环境变量：计算机->属性->高级系统配置->环境变量->PATH/NODE_PATH…balabala~~~ 一、node配置新方法( 以windows...修改默认的全局目录 方法一： 到node安装目录[D:/node]执行以下命令： npm config set prefix D:/node/nodejs/node_global/ //全局包目录，就在...一个文件 之前path可能会产生影响，不生效请删除原环境path中node相关内容，尝试重启机器 二、Linux node/npm初始化环境变量的配置 1. .npmrc修改 .npmrc文件位置 ~/...-linux-x64/nodejs/node_cache/ /SOFTWARE/node-v8.9.4-linux-x64/是我的安装包路径，跟你实际情况替换 step1 & step2 的效果等同敲如下命令
npm获取配置有6种方式，优先级由高到底。 命令行参数。 --proxy http://server:port即将proxy的值设为http://server:port。 环境变量。...用户配置文件。可以通过npm config get userconfig查看文件路径。如果是mac系统的话默认路径就是$HOME/.npmrc。 全局配置文件。...可以通过npm config get globalconfig查看文件路径。mac系统的默认路径是/usr/local/etc/npmrc。 内置配置文件。...安装npm的目录下的npmrc文件。 默认配置。 npm本身有默认配置参数，如果以上5条都没设置，则npm会使用默认配置参数。...针对npm配置的命令行操作 npm config set [--global] npm config get npm config delete
scripts 支持自定义 npm run xxx 命令 dependencies/ devDependencies 项目依赖/项目开发时的依赖 main 项目入口文件 config 自定义scripts...中命令的环境变量 npm init npm init的作用是创建package.json文件，这个过程中终端会询问你有关这个包的信息，如果想自定义init过程，可以在用户目录下新建.npm-init.js...npm install 使用频率最高的命令，npm install的作用是安装package.json中定义的依赖。...npm config delete 删除配置 npmrc .npmrc文件可以存在于项目根目录，用户根目录，全局配置目录（$PREFIX/etc/npmrc，可以用npm config get...globalconfig输出），npm内配置文件（/path/to/npm/npmrc），优先级从前往后。
在执行 npm scripts 命令（无论是自定义还是内置）时，都经历了 pre 和 post 两个钩子，在这两个钩子中可以定义某个命令执行前后的命令。...npmrc文件 通过修改 npmrc 文件可以直接修改配置。系统中存在多个 npmrc 文件，这些 npmrc 文件被访问的优先级从高到低的顺序为: 项目配置文件 只作用在本项目下。...在其他项目中，这些配置不生效。通过创建这个.npmrc 文件可以统一团队的 npm 配置规范。路径为/path/to/my/project/.npmrc。...用户配置文件 默认为~/.npmrc/，可通过npm config get userconfig查看存放的路径。...mac下的路径为/path/to/npm/npmrc。 默认配置 通过npm config ls -l查看 npm 内部的默认配置参数。
使用 npm init -ynpm init -f 来解救！ 2.Running tests 另一个我们都会用的命令是 npm test，我们中的大多数人会每天使用，甚至一天几次。...有哪些脚本命令可以使用？ 一种方法是找到package.json文件然后查看里面的 scripts 部分。 当然我们可以做的更优雅一些，可以简单的运行 npm run 来列出所有可使用的脚本命令。...本地安装的包是把它们的可执行命令注册在本地的，没有被列在 PATH 中，所以不会被找到。 你或许会问：为何在通过 npm script 就可执行？好问题！...简单的运行 npm repo就会在浏览器中打开该仓库地址。 同样运行 npm home 命令就会打开 homepage的入口。...真正会使你惊奇的是，你同样可以在自定义脚本中使用！ 当你把 npm 作为你的构建工具或者有许多脚本要执行时，这种功能就会很有用。
按照安装程序的指示进行操作，接受许可协议、选择安装路径等。...NPM 常见命令注意：表示我们将要执行的包的名称npm init此命令会在项目目录中创建一个新的`package.json`文件。...这个文件用来描述项目的元信息，以及列出项目所需的依赖项和其他配置。npm install 此命令会帮助我们安装指定的包。...npm list此命令会列出当前项目的所有依赖项以及它们的版本。npm search 此命令会在NPM包注册表中搜索包含指定关键字的包。...npm run 此命令会运行在`package.json`文件中定义的脚本。例如，可以运行项目的自定义构建脚本或测试脚本。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
