13 个npm 快速开发技巧(推荐)

13 个npm 快速开发技巧(推荐)攻略

1. 使用 npx 执行命令

npx 是 Node.js 5.2.0 版本中新增的命令，用来执行本地安装的模块。与 npm 命令不同的是，它可以直接执行 npm 仓库中的模块，而无需本地安装。

例如，如果你想要使用 json-server 来创建一个假的 API 服务器，只需运行如下命令即可：

npx json-server --watch db.json

2. 使用 npm init 构建项目包模板

在代码中，最开始通常都会有构建项目包的模板。从零开始构建这些模板会耗费大量时间。幸好，npm 提供了 npm init 命令可以自动为我们创建 package.json 文件，根据你的输入，它会自动填充一些基本的信息，让你省去很多时间和精力。

例如，运行以下命令即可：

npm init

3. 使用 npm-run-all 并行执行多个脚本命令

在开发过程中，你可能需要在不同的进程中并行执行多个脚本命令。幸运的是，npm-run-all 可以帮助我们做到这一点。

例如，下面的例子将同时运行两个 npm 脚本 start 和 sass：

{
  "scripts": {
    "start": "node app.js",
    "sass": "node-sass -w -r src/ -o dist/"
  },
  "devDependencies": {
    "npm-run-all": "^4.0.0"
  }
}

然后你只需要执行如下命令即可：

npm-run-all start sass

4. 使用 node-config 给不同环境指定不同的配置

不同的开发环境可能具有不同的配置设置，node-config 可以帮助我们轻松地管理这些配置，而无需编写大量的 if-else 语句。

例如，在 config/default.json、config/development.json 和 config/production.json 中分别存储了不同环境下的配置文件：

{
  "port": 8080,
  "path": "./data",
  "cached": true,
  "database": {
    "host": "localhost",
    "user": "root"
  }
}

然后，你只需要在代码中使用如下方式获取环境下的配置文件：

const config = require('config');
console.log(config.get('port'));

5. 使用 concurrently 并行执行多个命令

concurrently 是另一个运行并行命令的 npm 包，它允许我们同时在一个终端窗口中执行多个命令。

例如，下面的代码将在你的终端中同时运行 npm start 和 npm run watch 命令：

concurrently "npm start" "npm run watch"

6. 使用 rimraf 删除文件或目录

在一些情况下，我们需要在程序运行之前或之后删除某些文件或目录，这时 rimraf 就派上用场了。

例如，以下代码将删除当前文件夹下的 dist 目录：

rimraf dist

7. 使用 cross-env 设置环境变量

在不同的操作系统中，设置环境变量的方式也有所不同。cross-env 可以帮助我们使用一种通用的方式来设置环境变量。

例如，在以下代码中设置了一个名为 NODE_ENV 的环境变量：

{
  "scripts": {
    "dev": "cross-env NODE_ENV=development nodemon index.js",
    "prod": "cross-env NODE_ENV=production nodemon index.js"
  },
  "devDependencies": {
    "cross-env": "^5.2.0",
    "nodemon": "^1.18.6"
  }
}

然后你只需要运行如下命令即可：

npm run dev

8. 使用 npm-check-updates 更新依赖包

当你在一个已有的项目上工作时，你可能会发现其中的依赖包需要进行更新。npm-check-updates 可以让你非常方便地更新这些依赖，而不会对原来关键依赖包的版本产生影响。

例如，以下命令将使用 npm-check-updates 检查依赖包的最新版本并更新它们：

npm install -g npm-check-updates
ncu -u
npm install

9. 使用 prettier 美化你的代码

prettier 可以帮助我们统一整齐地格式化我们的代码，使其易于阅读和维护。

例如，在下面的代码中运行 prettier：

prettier --write ./src/**/*.js

10. 使用 eslint 检查代码的常规错误

eslint 是一个强大的代码检查工具，可以帮助我们在编写代码时避免某些常见的错误。

例如，以下命令将使用 eslint 检查当前文件夹下的 src 文件夹中所有的 js 文件：

eslint src/**/*.js

11. 使用 npm-check 来检查依赖项的更新

管理依赖包是项目管理中非常关键的一步。 npm-check 是一个非常好用的工具，它可以让我们检查项目的所有依赖项的更新情况。

例如，在下面的代码中运行 npm-check：

npm-check

12. 使用 npm-link 将包链接到项目中

npm-link 可以帮助我们将本地的 npm 包链接到我们正在工作的项目中。

例如，以下代码使用 npm link 将根目录中的 my-module 包链接到当前正在工作的项目中：

cd my-module
npm link
cd ../my-project
npm link my-module

13. 使用 nvm 管理 Node.js 版本

开发过程中，我们通常可能需要使用不同版本的 Node.js。nvm 是一个非常好用的 npm 插件，可以帮助我们轻松地在不同的版本间切换。

例如，以下代码将在你的机器上安装 Node.js 的 v6.0 版本：

nvm install 6.0

然后你只需使用如下命令，轻松切换不同的 Node.js 版本：

nvm use 6.0

以上就是本文的 13 个npm 快速开发技巧攻略，希望能对你的开发工作有所帮助。