hi,你好!欢迎访问本站!登录
本站由网站地图腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 教程 - 开发工具 - 正文 君子好学,自强不息!

【编程开发工具】vscode npm怎样实行

2019-11-19开发工具搜奇网44°c
A+ A-

vscode npm怎样实行?

vscode 调试node之npm与nodemon

调试nodejs有许多体式格局,能够看这一篇How to Debug Node.js with the Best Tools Available,个中我最喜欢运用的照样V8 Inspector和vscode的体式格局。

在vscode中,点击谁人蜘蛛的按钮

就可以看涌现debug的侧栏,接下来增加设置

挑选环境

就可以看到launch.json的文件了。

启动的时候,挑选响应的设置,然后点击指向右边的绿色三角

launch形式与attach形式

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceRoot}/index.js"
    },
    {
      "type": "node",
      "request": "attach",
      "name": "Attach to Port",
      "address": "localhost",
      "port": 5858
    }
  ]
}

当request为launch时,就是launch形式了,这是顺序是从vscode这里启动的,假如是在调试那将一向处于调试的形式。而attach形式,是衔接已启动的效劳。比方你已在表面将项目启动,倏忽须要调试,不须要关掉已启动的项目再去vscode中重新启动,只要以attach的形式启动,vscode能够衔接到已启动的效劳。当调试完毕了,断开衔接就好,显著比launch更轻易一点。

在debug中运用npm启动

许多时候我们将很长的启动敕令及设置写在了package.json的scripts中,比方

"scripts": {
  "start": "NODE_ENV=production PORT=8080 babel-node ./bin/www",
  "dev": "nodemon --inspect --exec babel-node --presets env ./bin/www"
},

我们愿望让vscode运用npm的体式格局启动并调试,这就须要以下的设置

{
  "name": "Launch via NPM",
  "type": "node",
  "request": "launch",
  "runtimeExecutable": "npm",
  "runtimeArgs": [
    "run-script", "dev"//这里的dev就对应package.json中的scripts中的dev
  ],
    "port": 9229//这个端口是调试的端口,不是项目启动的端口
},

在debug中运用nodemon启动

仅仅运用npm启动,虽然在dev敕令中运用了nodemon,顺序也能够一般的重启,可重启了以后,调试就断开了。所以须要让vscode去运用nodemon启动项目。

{
  "type": "node",
  "request": "launch",
  "name": "nodemon",
  "runtimeExecutable": "nodemon",
  "args": ["${workspaceRoot}/bin/www"],
  "restart": true,
  "protocol": "inspector",//相当于--inspect了
  "sourceMaps": true,
  "console": "integratedTerminal",
  "internalConsoleOptions": "neverOpen",
  "runtimeArgs": [//对应nodemon --inspect以后除了启动文件以外的其他设置
    "--exec",
    "babel-node",
    "--presets",
    "env"
  ]
},

注重这里的runtimeArgs,假如这些设置是写在package.json中的话,就是如许的

nodemon --inspect --exec babel-node --presets env ./bin/www

如许就很轻易了,项目能够一般的重启,每次重启一样会开启调试功用。

但是,我们并不想时候开启调试功用怎样办?

这就须要运用上面说的attach形式了。

运用以下的敕令一般的启动项目

nodemon --inspect --exec babel-node --presets env ./bin/www

当我们想要调试的时候,在vscode的debug中运转以下的设置

{
  "type": "node",
  "request": "attach",
  "name": "Attach to node",
  "restart": true,
  "port": 9229
}

圆满!

以上就是vscode npm怎样实行的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  移步手机端
【编程开发工具】vscode npm怎样实行

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

本文来源:搜奇网

本文地址:https://www.sou7.cn/282479.html

关注我们:微信搜索“搜奇网”添加我为好友

版权声明: 本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。请记住本站网址https://www.sou7.cn/搜奇网。

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>