欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

手把手教你VSCode配置JavaScript基于Node.js的調(diào)試環(huán)境

 更新時間:2022年12月27日 15:53:24   作者:Luminary_aurora  
最近在補數(shù)據(jù)結構,在用VScode調(diào)試js代碼文件結果怎么都不行,這篇文章主要給大家介紹了關于VSCode配置JavaScript基于Node.js的調(diào)試環(huán)境的相關資料,需要的朋友可以參考下

一、安裝VSCode和Node.js

前言:做科研之后確實很少會總結積累,可能是科研中出現(xiàn)的問題的解決方法比較多樣靈活,別說了其實就是偷懶哈哈哈哈哈。這不又要做前端才又開始寫博客記錄環(huán)境配置了。行了不說廢話了趕緊開始正文。

再啰嗦一句,本文配置的環(huán)境主要針對單獨JS文件的斷點調(diào)試,主要是為了調(diào)試LeetCode里面的代碼。

本人環(huán)境:

  • Visual Studio Code 1.66.0
  • Node.js 16.14.2
  • Windows10 64位

VScode的下載就不多說了,主要記錄一下Node的安裝(其實以前安裝過好多遍)。

首先去官網(wǎng)下載對應的版本:https://nodejs.org/en/

開始安裝,可以自定義選擇安裝路徑。

這里選擇Add Path,系統(tǒng)變量會自動設置,但是用戶變量并沒有自動設置,需要的話可以自己手動加一下。

測試是否安裝成功,在命令行輸入node -vnpm -v,如果能顯示出版本號說明安裝成功,且已經(jīng)有了正確的環(huán)境變量。

用戶變量嘛最好也手動自己添加一個比較穩(wěn)妥,因為我之前沒有加,有時候在VSCode中會出現(xiàn)node.js找不到路徑的情況,雖然重啟會解決問題,但是彈了兩次我總覺得還有些不對勁,所以就還是加了一下,大家在安裝的時候最好提前加一下。

到這里,Node.js安裝完成

二、VSCode配置

先在VSCode里面安裝兩個插件,一個是負責運行的Code Runner,一個是JS的語法提示JavaScript(ES6) code snippets。

創(chuàng)建配置文件,打開你的代碼文件夾,先隨便創(chuàng)建一個test.js,隨便寫幾句測試代碼。然后點擊左邊側邊欄的調(diào)試工具,選擇創(chuàng)建launch.json文件。

選擇node.js調(diào)試環(huán)境,測試代碼也可以用圖里面的。

此時配置文件會自動生成,注意重點要修改一個地方,這里不要寫死。將program屬性改成${file},這樣可以識別當前調(diào)試的文件,不需要每次都在這里更換文件名,調(diào)試哪個文件直接F5就OK。

到這里,其實就配置好了,此時的文件結構是這樣的,可以直接在test.js文件打上斷點,按F5進行調(diào)試

三、可能出現(xiàn)的問題

如果配置完成之后啟動調(diào)試VSCode報錯:無法在Path上找到可運行的Node時,重啟VSCode再進行調(diào)試就沒問題了。

一點小感慨:為了今年的秋招工作,前端的學習之路又開始了。工欲善其事,必先利其器,所以又要開始寫配置環(huán)境的博客,不出所料的話下一篇要在VSCode里面配置Vue。以前在實習的時候寫了一篇banlakeji的也不太好,現(xiàn)在又重新走了一遍搞個完整的。既然選擇做技術了就得踏踏實實的做下去,不能愛一行干一行就得干一行盡量愛一行,沖!

總結

到此這篇關于手把手教你VSCode配置JavaScript基于Node.js的調(diào)試環(huán)境的文章就介紹到這了,更多相關VSCode配置JS的調(diào)試環(huán)境內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • 使用Node.js獲取電腦配置信息的實現(xiàn)方法(CPU型號、內(nèi)存大小、磁盤類型等)

    使用Node.js獲取電腦配置信息的實現(xiàn)方法(CPU型號、內(nèi)存大小、磁盤類型等)

    在日常的開發(fā)工作中,我們有時需要了解電腦的硬件配置,比如CPU型號、內(nèi)存大小、磁盤類型等,這些信息對于性能優(yōu)化、系統(tǒng)配置等場景非常重要,今天,我們就來聊聊如何用Node.js輕松獲取這些信息,感興趣的小伙伴跟著小編一起來看看吧
    2025-04-04
  • 你一定會收藏的Nodejs代碼片段

    你一定會收藏的Nodejs代碼片段

    Nodejs值得收集的代碼片段,大家可以收藏起來,運用到之后的工作中,感興趣的小伙伴們可以參考一下
    2016-02-02
  • NodeJS處理Express中異步錯誤

    NodeJS處理Express中異步錯誤

    本文主要闡述如何在 Express 中使用錯誤處理中間件(error-handling middleware)來高效處理異步錯誤。在 Github 上有對應 代碼實例 可供參考。
    2017-03-03
  • 快速刪除 node_modules 目錄的集中方法(多種方法)

    快速刪除 node_modules 目錄的集中方法(多種方法)

    本文介紹了三種快速刪除node_modules目錄的方法:使用rimraf工具、通過npx運行rimraf以及在Windows命令提示符中使用del命令,每種方法都適合不同的操作系統(tǒng)和使用場景
    2024-11-11
  • Node.js 在本地生成日志文件的方法

    Node.js 在本地生成日志文件的方法

    這篇文章主要介紹了Node.js 在本地生成日志文件的方法,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-02-02
  • node.js中的path.delimiter方法使用說明

    node.js中的path.delimiter方法使用說明

    這篇文章主要介紹了node.js中的path.delimiter方法使用說明,本文介紹了path.delimiter的方法說明、語法、使用實例和實現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • 在Ubuntu上安裝最新版本的Node.js

    在Ubuntu上安裝最新版本的Node.js

    Node.js是一個軟件平臺,通常用于構建大規(guī)模的服務器端應用。Node.js使用JavaScript作為其腳本語言,由于其非阻塞I/O設計以及單線程事件循環(huán)機制,使得它可以交付超高的性能。
    2014-07-07
  • yarn?install命令報錯warning?package-lock.json?found解決辦法

    yarn?install命令報錯warning?package-lock.json?found解決辦法

    這篇文章主要給大家介紹了關于yarn?install命令報錯warning?package-lock.json?found的解決辦法,文中通過圖文將解決的辦法介紹的非常詳細,還分享了更多yarn install遇到的報錯及解決方案,需要的朋友可以參考下
    2024-02-02
  • Node.js 服務器端應用開發(fā)框架 -- Hapi.js

    Node.js 服務器端應用開發(fā)框架 -- Hapi.js

    Hapi.js 是一個用來構建基于 Node.js 的應用和服務的富框架,使得開發(fā)者把重點放在便攜可重用的應用邏輯而不是構建架構。內(nèi)建輸入驗證、緩存、認證和其他 Web 應用開發(fā)常用的功能。
    2014-07-07
  • NodeJS中配置請求代理服務器方式

    NodeJS中配置請求代理服務器方式

    這篇文章主要介紹了NodeJS中配置請求代理服務器方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10

最新評論