npm常用命令大全

1、初始化

npm init

用于初始化一个新的 npm 项目。它会在你的项目目录中创建一个 package.json 文件,其中包含了项目的元数据和依赖项信息。

但是目前一般不会直接使用npm init去初始化一个前端项目,比如使用vue框架,常常使用vue-cli这个脚手架来初始化前端项目

## 安装vue-cli
npm install -g @vue/cli
或者
yarn global add @vue/cli

## 查看是否安装成功
vue -V

## 创建vue项目
vue create project—name

2、配置

npm 提供了一些命令,用于配置和管理 npm 的行为和设置。以下是一些与 npm 配置相关的常见命令:

  1. npm config set <key> <value>:设置一个 npm 配置选项的值。你可以使用此命令来更改 npm 的默认设置。

    • 示例:npm config set registry https://registry.npmjs.org

  2. npm config get <key>:获取指定配置选项的值。通过此命令可以查看当前的配置设置。

    • 示例:npm config get registry

  3. npm config delete <key>:删除指定的配置选项。使用此命令可以删除不再需要的配置项。

    • 示例:npm config delete registry

  4. npm config list:列出所有的 npm 配置选项及其值。通过此命令可以查看所有配置的详细信息。

  5. npm config edit:打开 npm 的配置文件(通常是 ~/.npmrc 文件)进行编辑。你可以通过此命令手动编辑配置文件。

  6. npm config ls -l:以详细信息的形式列出当前的 npm 配置。此命令会显示每个配置选项的键、值和来源。

  7. npm config set init-author-name "Your Name":设置默认的项目作者名称。当执行 npm init 命令时,将使用该名称。

  8. npm config set init-license "MIT":设置默认的项目许可证。当执行 npm init 命令时,将使用该许可证。

  9. npm config set proxy <proxy-url>:设置代理服务器的 URL。如果你在使用 npm 时需要通过代理服务器访问网络,可以使用此命令配置代理。

    • 示例:npm config set proxy http://proxy.example.com

  10. npm config set registry <registry-url>:设置 npm 的注册表 URL。通过此命令可以更改 npm 的默认注册表。

    • 示例:npm config set registry https://registry.npm.taobao.org

这些命令可以帮助你配置和管理 npm 的行为和设置。你可以根据需要使用这些命令来自定义和优化 npm 的使用体验。记住,你可以通过运行 npm help config 命令来获取更多关于 npm 配置的详细信息和选项说明。

3、安装

  1. npm install:该命令用于安装项目的依赖项。当在项目根目录下执行此命令时,npm 会查找项目的 package.json 文件,并下载并安装文件中列出的所有依赖项。

    • 示例:npm install

  2. npm install <package-name>:这个命令可以用来仅安装特定的软件包。你需要提供软件包的名称作为参数,然后 npm 将会下载并安装该软件包。

    • 示例:npm install lodash

  3. npm install --save <package-name>:使用此命令安装软件包后,该软件包将被添加到项目的 dependencies 部分。这意味着当你在将来重新安装项目时,该软件包将自动被安装。

    • 示例:npm install --save express

  4. npm install --save-dev <package-name>:与上一个命令类似,此命令用于安装软件包,但是将其添加到项目的 devDependencies 部分。devDependencies 中的软件包通常是开发依赖项,仅在开发过程中使用,而不是在生产环境中使用。

    • 示例:npm install --save-dev nodemon

  5. npm install --global <package-name>:使用此命令可以全局安装软件包,使其在系统的任何位置都可用。全局安装的软件包通常是命令行工具或全局可用的库。

    • 示例:npm install --global gulp

  6. npm install --production:通过使用此命令,npm 只会安装项目的生产依赖项,即 dependencies 部分中列出的软件包,而不会安装 devDependencies 部分中的软件包。

    • 示例:npm install --production

  7. npm install --peer <package-name>:用于安装对等依赖项。对等依赖项是指项目与其他软件包共享的依赖项,而不是直接列在项目的 package.json 文件中。

    • 示例:npm install --peer react

  8. npm install --optional <package-name>:使用此命令可以安装可选依赖项。可选依赖项是在某些情况下需要的软件包,但并不是项目的核心依赖项。

    • 示例:npm install --optional chalk

  9. npm install vue-router@3.1.1 npm下载依赖时,可以在依赖后面添加@然后跟上版本号

关于npm安装命令的的一些缩写

i install的缩写

-g global的缩写,意味着安装的包是以全局的方式进行安装的

-S 在 npm 中,-S--save 的缩写形式。当你在运行 npm install 命令时,使用 -S--save 选项会将安装的包添加到项目的 package.json 文件的 dependencies 列表中。这意味着在将来重新安装项目时,npm install 命令会自动安装并下载 package.json 文件中列出的依赖项。使用 -S--save 选项有助于维护项目的依赖项,并确保项目在不同环境中的一致性。

需要注意的是,npm install 命令在 npm 5.0 之后的版本默认会保存依赖项,因此在新的 npm 版本中,可以省略 -S--save 选项。然而,为了向后兼容和代码的可读性,仍然可以使用 -S--save 选项来明确指定将依赖项保存到 package.json 文件中。

-D 是一个缩写,表示将一个软件包(package)安装为开发依赖项(devDependencies)。在开发过程中,我们通常会使用一些工具、库或者框架来帮助我们进行开发、测试、构建和调试等任务。这些工具和库通常只在开发过程中需要,而在生产环境中并不需要。通过将软件包安装为开发依赖项,我们可以将其从生产环境中排除,从而减小最终部署的应用程序的大小。这样可以提高应用程序的性能和加载速度。

使用"-D"标志安装开发依赖项的示例命令如下:

npm install package-name -D

现在,普遍大家会使用cnpm进行依赖的下载,相较于npm速度会快很多,因为cnpm是使用国内的镜像源进行依赖的下载。在配置好镜像源,之后可以通过下面命令下载cnpm

 npm install -g cnpm

 可以通过下面命令验证是否安装成功

cnpm -v

4、卸载

要卸载 npm 中安装的软件包,你可以使用以下命令:

  1. npm uninstall <package-name>:卸载指定的软件包。你需要提供软件包的名称作为参数,npm 将会删除该软件包及其相关的依赖项。

    • 示例:npm uninstall lodash

  2. npm uninstall --save <package-name>:卸载软件包并将其从项目的 dependencies 部分中移除。这意味着在重新安装项目时,该软件包将不会被自动安装。

    • 示例:npm uninstall --save express

  3. npm uninstall --save-dev <package-name>:卸载软件包并将其从项目的 devDependencies 部分中移除。这意味着在重新安装项目时,该软件包将不会被自动安装。

    • 示例:npm uninstall --save-dev nodemon

  4. npm uninstall --global <package-name>:卸载全局安装的软件包。这将从系统中删除该软件包,使其不再可用。

    • 示例:npm uninstall --global gulp  

5、更新

要更新 npm 项目的依赖项,你可以使用以下命令:

  1. npm update:此命令将检查项目的 package.json 文件中的依赖项,并尝试下载并安装它们的最新版本。

    • 示例:npm update

  2. npm update <package-name>:仅更新指定软件包的版本。使用此命令,npm 将尝试下载并安装指定软件包的最新版本。

    • 示例:npm update lodash

  3. npm update -g:此命令用于更新全局安装的软件包。它将检查全局软件包的最新版本,并进行更新。

    • 示例:npm update -g gulp

  4. npm outdated:此命令将列出已安装的软件包中的过时依赖项。它会显示当前版本、最新版本和可用的更新版本。

    • 示例:npm outdated

6、运行项目

使用 npm 运行脚本非常方便。你可以在项目的 package.json 文件中的 "scripts" 部分定义自己的脚本命令,并使用以下命令来运行它们:

  1. npm run <script-name>:运行在 package.json 文件中定义的脚本命令。你需要提供脚本的名称作为参数。

    • 示例:npm run build 运行名为 "build" 的脚本。

  2. npm run:如果没有指定脚本的名称,运行该命令将列出可用的脚本命令列表。

    • 示例:npm run

使用这些命令,你可以轻松地运行项目中定义的脚本命令。下面是一些使用 npm 运行脚本的例子:

package.json 文件中定义脚本命令:

 {
   "scripts": {
     "start": "node server.js",
     "build": "webpack --mode production",
     "test": "jest"
   }
 }

运行脚本命令:

  • npm run start:运行 node server.js

  • npm run build:运行 webpack --mode production

  • npm run test:运行 jest

你可以根据项目的需求在 scripts 部分定义任意数量的脚本命令,并使用 npm run <script-name> 命令来运行它们。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序猿000001号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值