有哪些 JS 调试技能——devtool，以及装置题目的处理

2019年8月30日 220次阅读 来源: mdluo

转自本人知乎回复

作者：mdluo
链接：https://www.zhihu.com/question/20260762/answer/89388634
泉源：知乎
著作权归作者一切。贸易转载请联络作者取得受权，非贸易转载请说明出处。

貌似有些人不能明白这个和 Chrome 的开辟者东西有什么区别：

这个东西不依赖 Chrome，占用资本更少，然则 Chrome 开辟者东西的功用全都有，就是现在最高票回复的那样。别的 devtool 能够直接在敕令行下启动，和 node 敕令相似，不须要开个 HTTP 服务器或许把 js 文件嵌入到 html 中（来运用 Chrome 开辟者东西）。

尝尝 16 年年初出的 node.js 调试神器 devtool：

《有哪些 JS 调试技能——devtool，以及装置题目的处理》

基于 Electron 将 Node.js 和 Chromium 的功用融合在了一同。它的目标在于为调试、剖析和开辟 Node.js 应用顺序供应一个简朴的界面。

devtool 的细致引见请参考：在 Chrome 开辟者东西中调试 node.js，译者：sqrthree (根号三)

以下是我的运用体味：

  • 虽然看起来和 Chrome 的 Developer Tools 没什么两样，然则假如只是一些小的 js 剧本，就不须要去写一个 html 网页再援用；

  • 或许须要 node 环境运转的 js 文件，也不须要 WebStorm 这个巨大的 IDE；

  • 比拟 node-inspector，devtool 供应的调试功用更多，包含 Elements、Timeline、Profiles、Resources、Audit 这些面板，以及最新的 Chrome 开辟者东西里带了的功用，比方 Workspace（分分钟变 IDE）、挪动装备模仿、Promise inspector（Experiments），然则这些 node-inspector 都没有。

直接敕令行下启动，替换 node 敕令和在 Terminal 下没有交互的 console.log()。

装置要领：

npm i -g devtool

装置历程会从 GitHub 下载 electron-prebuilt，而国内你懂的缘由可能会下载失利，或许假如没耐烦中缀下载，用 devtool 的时刻会报错。处理要领在最下面。

小技能

别的启动调试能够用：

devtool path/to/file.js -w --break

如许能够监听文件变化自动 restart，以及在文件开首自动 break 以便打断点调试。

—— Update 2016-03-09——

为 devtool 增加一个别号

alias dt='devtool -w --break'

—— Update 2016-06-12——

毛病更新：

Error: ENOENT: no such file or directory, open '/usr/local/lib/node_modules/devtool/node_modules/electron-prebuilt/path.txt'

由于 npm 装置 devtool 会自动从 GitHub 下载，而假如装置的时刻中缀了，装置顺序不会识别到，哪怕重新装置 devtool。这时刻须要装置 electron-prebuilt：

npm i -g electron-prebuilt

或许用浏览器从 GitHub 下载对应版本（装置 electron-prebuilt 的时刻会显现下载的 Electron 版本）：https://github.com/electron/electron/releases

PS：用浏览器下载平常会快许多。

然后在 /usr/local/lib/node_modules/devtool/node_modules/electron-prebuilt/ 下建立 path.txt （Mac体系为例，其他体系要根据报错的途径来），内容为：

./dist/Electron.app/Contents/MacOS/Electron

以及 dist 文件夹，把下载下来的解压，Electron.app 放到 dist 里，就能够了。

—— Update 2016-06-21——

本日又碰到个题目 devtool 完整用不了了，如许处理了：

先卸载 devtool 和相干的 package：

npm uninstall -g devtool electron-prebuilt electron-packager

再装置 devtool：

npm i -g devtool

—— Update 2016-07-12——

发明 cnpm（npm.taobao.org/mirrors，也就是俗称的淘宝镜像）已收录了 electron 的二进制文件，如许就能够直接设置下载源即可，不必再去 GitHub 下载了（道理：electron-download/index.js at master · electron-userland/electron-download · GitHub）

要领1，环境变量：

ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ npm i devtool -g

要领2，在 ~/.npmrc 里增加一行（假如是用的 cnpm ，要在 ~/.cnpmrc 内里增加）：

ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/

然后再 npm i devtool -g，引荐要领2，一次设置今后都不会再出现下载失利的题目了

    原文作者：mdluo
    原文地址: https://segmentfault.com/a/1190000005947826
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞