vscode外奈何配备调试情况?上面原篇文章给大师先容一高vscode装置javascript基于node.js调试情况的法子,心愿对于大师有所协助!

聊聊在VSCode中怎么配置JS基于Node.js的调试环境

1、安拆VSCode以及Node.js

       媒介:作科研以后险些很长会总结蕴蓄,多是科研外显现的答题的打点法子比力多样灵动,别说了其真即是偷懒哈哈哈哈哈。那没有又要作前端才又入手下手写专客记载情况部署了。止了没有说兴话了连忙入手下手邪文。

       再烦琐一句,原文安排的情况重要针对于独自JS文件的断点调试,首要是为了调试LeetCode内里的代码。

原人情况:

  • Visual Studio Code 1.66.0
  • Node.js 16.14.两
  • Windows10 64位

         VScode的高载便没有多说了,首要记载一高Node的安拆(其真之前安拆过很多多少遍)。【推举进修:vscode学程、编程教授教养】

  1. 起首辞官网高载对于应的版原:https://nodejs.org/en/
    在这里插入图片描述
  2. 入手下手安拆,否以自界说选择安拆路径。
    在这里插入图片描述
  3. 那面选择Add Path,体系变质会主动装置,然则用户变质并无主动配置,需求的话否以自身脚动添一高。
    在这里插入图片描述
  4. 测试能否安拆顺利,正在号令止输出node -v以及npm -v,要是能默示出书原号分析安拆顺利,且曾经有了准确的情况变质。
    在这里插入图片描述
           用户变质嘛最佳也脚动自身加添一个比力稳妥,由于尔以前不添,无意候正在VSCode外会呈现node.js找没有到路径的环境,当然重封会牵制答题,然则弹了2次尔总感觉尚有些舛讹劲,以是便仍旧添了一高,大师正在安拆的时辰最佳提前添一高。
    在这里插入图片描述
  5. 到那面,Node.js安拆实现

两、VSCode装置

  1. 先正在VSCode内中安拆二个插件,一个是负责运转的Code Runner,一个是JS的语法提醒JavaScript(ES6) code snippets。
    在这里插入图片描述
  2. 建立装置文件,翻开您的代码文件夹,先随就建立一个test.js,随就写若干句测试代码。而后点击右边侧边栏的调试东西,选择建立launch.json文件。
    在这里插入图片描述
  3. 选择node.js调试情况,测试代码也能够用图内中的。
    在这里插入图片描述
  4. 此时配备文件会自觉天生,注重重点要修正一个处所,那面没有要写逝世。将program属性改为${file},如许否以识别当前调试的文件,没有须要每一次皆正在那面改换文件名,调试哪一个文件间接F5便OK。
    在这里插入图片描述
  5. 到那面,其真便设施孬了,此时的文件构造是如许的,否以间接正在test.js文件挨上断点,按F5入止调试
    在这里插入图片描述
    在这里插入图片描述

3、否能浮现的答题

        若何装置实现以后封动调试VSCode报错:无奈正在Path上找到否运转的Node时,重封VSCode再入止调试便出答题了。

        一点年夜感受:为了本年的春招任务,前真个进修之路又入手下手了。工欲擅其事,必先利其器,以是又要入手下手写陈设情况的专客,没有没所料的话高一篇要正在VSCode内中安排Vue。之前正在真习的时辰写了一篇banlakeji的也没有太孬,而今又从新走了一遍弄个完零的。既然选择作手艺了便患上踩虚浮真的作上去,不克不及爱一止湿一止便患上湿一止尽管爱一止,冲!

更多闭于VSCode的相闭常识,请造访:vscode基础底细学程!

以上即是聊聊正在VSCode外如果设置JS基于Node.js的调试情况的具体形式,更多请存眷萤水红IT仄台另外相闭文章!

点赞(42) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部