溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vscode如何配置node

發(fā)布時間:2021-03-02 09:27:22 來源:億速云 閱讀:633 作者:清風 欄目:軟件技術(shù)

這篇“vscode如何配置node”文章,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要參考一下,對于“vscode如何配置node”,小編整理了以下知識點,請大家跟著小編的步伐一步一步的慢慢理解,接下來就讓我們進入主題吧。

vscode有什么用

Visual Studio Code 是一個運行于 OS X,Windows和 Linux 之上的,針對于編寫現(xiàn)代 web 和云應(yīng)用的跨平臺編輯器,它為開發(fā)者們提供了對多種編程語言的內(nèi)置支持,并且正如 Microsoft 在Build 大會的 keynote 中所指出的,這款編輯器也會為這些語言都提供了豐富的代碼補全和導航功能。

vscode配置node環(huán)境的方法:1、下載安裝vscode和node;2、在vscode軟件中,點擊側(cè)邊欄的“運行調(diào)試”按鈕,添加nodejs配置文件launch.json;3、編寫launch.json文件然后保存即可。

Visual Studio Code搭建NodeJs的開發(fā)環(huán)境

1、下載安裝NodeJs并配置環(huán)境變量

2、下載安裝 VS Code編輯器

3、vscode配置nodejs調(diào)試環(huán)境

  • 側(cè)邊欄 調(diào)試按鈕 添加 nodejs 配置 launch.json

    vscode如何配置node

  • 編寫 launch.json 配置文件

// nodemon 配置{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "nodemon",
            "runtimeExecutable": "nodemon",
            "program": "${workspaceFolder}\\server\\bin\\www",
            "restart": true,
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen"
        }
    ]}

運行項目調(diào)試服務(wù) 添加斷點 查看數(shù)據(jù)傳值

4、調(diào)試

創(chuàng)建Hello word Demo

vscode如何配置node

創(chuàng)建測試服務(wù)器server.js

var http=require('http');
 
http.createServer(function(req,res){
    res.writeHead(200,{'Content-Type':'text/plain'});
    res.end('hello node.js');
}).listen(3000,'localhost',function(){
    console.log('Server running at http://localhost:3000');
});

以上是“vscode如何配置node”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI