npm 读取 package.json 后，运行 Electron 的是什么？

Question

我刚刚开始了解 JavaScript、HTML 和 Electron 是如何工作的，我想知道在 package.json 的“脚本”->“开始”中运行 electron . 的内容，因为我不能不知道是什么，那种魔法让我很紧张。

根据npm 的手册页，npm start 所做的是读取package.json，查看“脚本”->“开始”->some_script 下的脚本，然后运行@ 987654327@。有时，some_script 类似于node foobar.js，这对我来说很有意义，因为我可以从命令行运行它。 NodeJS 正在执行 foobar.js。但是，在electron-api-demos 的情况下，some_script 是electron .

您可以下载并运行electron-api-demos via

git clone https://github.com/electron/electron-api-demos
cd electron-api-demos/
npm install && npm start

为了弄清楚electron . 运行的是什么，我在node shell 中运行了它，并尝试运行node main.js。我什至尝试打开node shell 并运行

electron-api-demos@2.0.2 start $DIR/electron-api-demos
electron .

（这正是npm start 的输出）。他们都没有工作，因为他们都没有启动 Electron 应用程序。在这一点上，我对启动脚本到底是如何执行的感到非常困惑。

所以我想我的问题是：是否存在一个命令（我可以在命令行上使用）来启动这个 Electron 应用程序，而不使用npm？如果没有，npm 调用什么来启动这个 Electron 应用程序？

如果之前有人问过这个问题，我深表歉意，但我发现的所有资料似乎都没有进一步详细说明npm start 运行时究竟做了什么以及它如何执行electron . .感谢您的宝贵时间！

Answer 1

使用 npm 安装的命令行界面放在 node_modules/.bin/ 目录中。您不能只从命令行运行它们，因为该目录不在您的 PATH 中（除非您将其放在那里，或者您将其安装在全局范围内）。

所以，如果你想在没有npm start 的情况下运行electron，你可以运行./node_modules/.bin/electron .。由于这有点冗长，较新版本的npm 提供了命令npx 来运行没有./node_modules/.bin/ 部分的东西，所以npx electron . 也可以工作。

由于 npm 脚本经常使用您已安装的软件包，它们会在运行您的命令之前自动将 node_modules/.bin/ 添加到 PATH。因此，启动脚本可以直接引用电子。

npx 也可以做一些其他很酷的事情——npm 有一个关于它的blog post。

Answer 2

当你运行 npm start 时，它默认运行 package.json 的 script 属性的“start”键对应的命令

"script":{
   "start": "ng serve",
    "launch":"electron main.js" or "electron ."  // main.js located in the same dir
     "test": " ng test" 
 }

同样的，当你运行 npm run launch 时，它会触发 package.json 文件 script 属性的 "launch" 键对应的命令。比如运行 electron main.js 命令，你的应用程序就会启动。

所以如果你想像 electron main.js 那样直接运行你的电子应用程序，然后使用命令 npm install electron -g 全局安装电子模块，然后只需运行electron main.js 命令，您的应用程序将启动。