前端 NPM

主要功能

  1. 包管理:
    • 搜索、安装、更新和删除Node.js包。
    • 管理项目的依赖关系,确保项目在不同环境中的一致性。
  2. 版本控制:
    • 支持语义化版本控制(Semantic Versioning,简称SemVer),允许开发者指定包的版本范围。
    • 提供版本锁定功能,确保项目使用的包版本不会意外更改。
  3. 脚本执行:
    • 允许开发者在package.json文件中定义自定义脚本,并使用npm run命令执行它们。
    • 提供生命周期钩子,允许开发者在包的安装、发布等阶段执行自定义代码。
  4. 用户管理:
    • 支持用户注册、登录和注销。
    • 允许用户发布自己的包到npm仓库,与全球开发者共享。
  5. 配置管理:
    • 提供全局和局部配置选项,允许开发者根据需求调整npm的行为。
    • 支持环境变量和配置文件的组合使用,以实现更灵活的配置管理。

安装

  1. 下载Node.js:
  • 访问Node.js的官方网站:Node.js官网
  • 下载适合操作系统的安装包(Windows、macOS、Linux)。
  1. 安装Node.js:
  • 按照下载的安装包提示完成安装。Node.js安装包中自带npm,因此安装Node.js时会自动安装npm。
  1. 验证安装:
  • 打开终端(Terminal、命令提示符或PowerShell)。
  • 输入以下命令检查Node.js和npm是否安装成功:
bash 复制代码
node -v  
npm -v
  • 如果命令返回了版本号,说明安装成功。

常用命令

  1. 初始化项目:
    • npm init:创建一个新的package.json文件,用于定义项目的元数据和依赖关系。
  2. 安装包:
    • npm install 包名:安装指定版本的包,并将其添加到package.json的dependencies中。
    • npm install --save-dev 包名:安装开发依赖包,并将其添加到package.json的devDependencies中。
  3. 运行脚本:
    • npm run 脚本名:运行package.json中定义的自定义脚本。
  4. 更新包:
    • npm update 包名:更新指定包到最新版本。
    • npm update:更新项目中的所有依赖包到最新版本(或指定的版本范围)。
  5. 卸载包:
    • npm uninstall 包名:卸载指定的包。
  6. 查看已安装包:
    • npm list:列出项目中已安装的所有包及其依赖关系。
  7. 全局安装包:
    • npm install -g 包名:全局安装包,以便在命令行中直接使用。
  8. 发布包:
    • npm publish:将本地包发布到npm仓库。

配置

npm的配置可以通过命令行参数、环境变量和配置文件进行。常用的配置文件包括全局配置文件(通常位于 N P M C O N F I G H O M E / n p m r c 或 NPM_CONFIG_HOME/npmrc或 NPMCONFIGHOME/npmrc或HOME/.npmrc)和项目级配置文件(位于项目根目录下的.npmrc文件)。

  1. 配置文件

    npm的主要配置文件是.npmrc文件。这个文件可以位于用户主目录下(作为全局配置),也可以位于项目根目录下(作为项目配置)。.npmrc文件是一个纯文本文件,用于存储npm的各种配置选项。

    • 全局配置文件 :通常位于 N P M C O N F I G H O M E / n p m r c 或 NPM_CONFIG_HOME/npmrc或 NPMCONFIGHOME/npmrc或HOME/.npmrc(在Unix/Linux/macOS系统中,$HOME通常指向用户的主目录)。
    • 项目配置文件:位于项目根目录下的.npmrc文件,该文件中的配置将覆盖全局配置。
  2. 配置选项

    以下是一些常用的npm配置选项:

    • registry:指定用于下载包的npm注册表地址。例如,可以使用淘宝npm镜像来加速包的下载,配置命令为npm config set registry https://registry.npm.taobao.org/。
    • proxy和https-proxy:设置HTTP/HTTPS代理服务器的地址和端口,这对于处于网络受限环境下的用户特别有用。
    • save-prefix:指定在package.json文件中保存依赖项时使用的前缀(默认为^)。这决定了npm在安装依赖时使用的版本范围。
    • save-exact:当设置为true时,将依赖项的确切版本保存在package.json文件中,而不是使用版本范围。这有助于确保项目在不同环境中的一致性。
    • prefix:设置全局安装的路径。例如,npm config set prefix /usr/local将全局安装的包放在/usr/local目录下。
    • cache:设置npm的缓存目录。例如,npm config set cache /path/to/cache将缓存放在指定目录下。
  3. 配置方法

    1. 使用命令行参数:
      npm提供了npm config set命令来设置配置选项。例如,npm config set registry https://registry.npm.taobao.org/将npm的注册表地址设置为淘宝npm镜像。
    2. 使用环境变量:
      某些npm配置选项也可以通过环境变量来设置。例如,NPM_CONFIG_REGISTRY环境变量可以用于设置注册表地址。
    3. 直接编辑.npmrc文件:
      可以直接打开.npmrc文件并手动编辑其中的配置选项。使用文本编辑器打开该文件,然后添加或修改所需的配置。
    4. 使用npm config edit命令:
      这个命令会打开一个文本编辑器(通常是系统默认的编辑器),让直接编辑npm的配置文件。

注意事项

  • 在修改npm配置之前,最好先备份当前的配置文件,以防出现意外情况。
  • 如果项目中使用了.npmrc文件,请确保该文件不会被意外地包含在版本控制系统中(例如git),除非希望其他开发者也使用相同的配置。
  • npm的配置选项可能会随着npm版本的更新而发生变化,因此建议查阅npm的官方文档以获取最新的配置信息。

npm仓库

npm仓库是存储Node.js包的中央存储库。开发者可以从npm仓库中搜索、安装和更新包。npm仓库还提供了包的信息页面,包括包的版本历史、依赖关系、作者信息、README文档等。

  1. npm仓库的分类

    npm仓库主要分为两类:公共仓库和私有仓库。

    • 公共仓库如npmjs.org,是npm默认的仓库地址,任何人都可以访问和下载其中的包。这是大多数开发者获取和使用npm包的主要途径。
    • 私有仓库:常用于企业内部,以便管理内部开发的模块和包,避免敏感信息泄露。私有仓库需要额外的配置和权限管理,以确保只有授权的用户才能访问和下载其中的包。
  2. npm仓库的配置

    npm仓库的配置可以通过修改~/.npmrc文件或使用npm config set命令来实现。这包括设置仓库地址、代理、缓存等选项。例如,要将npm的仓库地址设置为私有仓库,可以在~/.npmrc文件中添加registry=http://your-private-registry-url,或者使用npm config set registry http://your-private-registry-url命令

    1. 临时使用一个不同的仓库(只影响当前命令):
bash 复制代码
npm install --registry https://your-custom-registry-url <package-name>
 2.  **永久配置npm使用的仓库(影响全局):**
bash 复制代码
npm config set registry https://your-custom-registry-url
3. **通过.npmrc文件配置(影响当前项目):**

在项目根目录下创建或编辑.npmrc文件,添加以下内容:

bash 复制代码
registry=https://your-custom-registry-url
4. **使用环境变量设置(影响所有使用该环境变量的npm操作):**
bash 复制代码
export NPM_CONFIG_REGISTRY=https://your-custom-registry-url
  1. npm仓库的使用
    要使用npm仓库,首先需要确保计算机上安装了Node.js和npm。安装完成后,就可以通过npm命令来管理项目中的依赖包了。例如,使用npm install 包名来安装指定的包,使用npm uninstall 包名来卸载包,使用npm update 包名来更新包到最新版本等。

此外,npm还提供了许多其他有用的命令和功能,如npm init用于创建一个新的Node.js项目并生成package.json文件,npm run用于运行package.json中定义的脚本等。

  1. npm仓库的高级功能

    除了基本的包管理功能外,npm仓库还支持一些高级功能,如:

    • 权限管理:可以为不同的用户或用户组分配不同的访问权限,以确保私有仓库的安全性。
    • 包版本控制:可以设置保留策略,自动清理旧版本的包,以节省存储空间。
    • 包签名:可以对发布的包进行签名,确保包的完整性和来源的可靠性。
    • 私有包缓存:作为代理仓库时,可以缓存从上游仓库下载的包,提高下载速度并减轻上游仓库的负载。
  2. 示例

    临时:

bash 复制代码
npm config set proxy http://registry.npm.taobao.org
npm config set https-proxy http://registry.npm.taobao.org

永久:

bash 复制代码
# .npmrc文件
proxy=http://registry.npm.taobao.org
https-proxy=http://registry.npm.taobao.org
相关推荐
JiaLin_Denny32 分钟前
nodejs和npm在gitbash中提示Not Found情况的解决办法
前端·npm·node.js
Xlbb.34 分钟前
安全见闻1-5
前端·网络·人工智能·安全·网络安全
没资格抱怨36 分钟前
函数节流和防抖
前端·javascript
空白诗2 小时前
前端隐藏元素的方式有哪些?HTML 和 CSS 中隐藏元素的多种方法
前端·css·html
LilySesy2 小时前
SAP+Internet主题HTML样式选择
前端·html·sap·abap·internet服务·its·扫码枪
AiFlutter2 小时前
Flutter-Padding组件
前端·javascript·flutter
吾即是光2 小时前
Xss挑战(跨脚本攻击)
前端·xss
渗透测试老鸟-九青2 小时前
通过组合Self-XSS + CSRF得到存储型XSS
服务器·前端·javascript·数据库·ecmascript·xss·csrf
xcLeigh2 小时前
HTML5实现俄罗斯方块小游戏
前端·html·html5
发现你走远了3 小时前
『VUE』27. 透传属性与inheritAttrs(详细图文注释)
前端·javascript·vue.js