npm scripts

什么是npm scripts? npm scripts 指的是 package.json 文件里配置的 scripts，例如：

{
"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
  },
}

TIP

再package定义了scripts 下定义了 serve、build、lint、等属性，对应命令行语句，这就相当于定义了命令行，这命令行就属于 npm scripts。

其他相关命令行

对于一些常用的命令，npm 提供了一些简写写法，可以省去 run ：

• npm run start -> npm start
• npm run build -> npm build
• npm run stop -> npm stop
• npm run test -> npm test

npm scripts运行环境

npm scripts 与终端所处的运行环境有所不同，例如：

{
"scripts": {
    "serve": "vue-cli-service serve",
  },
}

npm run serve

在npm scripts 上定义后，再去用npm run 去执行，跟直接在终端执行：

vue-cli-service serve

WARNING

这两者是有区别的，在npm scripts能执行，在终端并不一定能执行。

TIP

执行这样一条命令行，其实是去查找名为 vue-cli-service 的可执行文件并执行它。查找的方式就是去查找环境变量 PATH，环境变量 PATH 上记录着一个个目录，从这一个个目录里找到对应的可执行文件。

WARNING

不同系统的可执行文件类型不一样。通常在 Window 系统里是查找 cmd 文件，在 Linux 或 Mac 系统里是查找软链接或者直接使用 JS 文件。