首頁 > 開發工具 > VSCode > 主體

vscode怎麼配置node

青灯夜游
發布: 2023-01-13 00:40:58
原創
23126 人瀏覽過

vscode配置node环境的方法:1、下载安装vscode和node;2、在vscode软件中,点击侧边栏的“运行调试”按钮,添加nodejs配置文件launch.json;3、编写launch.json文件然后保存即可。

vscode怎麼配置node

本教程操作环境:windows7系统、Dell G3电脑、Visual Studio Code 1.53.2。

Visual Studio Code搭建NodeJs的开发环境

1、下载安装NodeJs并配置环境变量

2、下载安装 VS Code编辑器

3、vscode配置nodejs调试环境

  • 侧边栏 调试按钮 添加 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"
        }
    ]}
登入後複製

运行项目调试服务 添加断点 查看数据传值

相关推荐:《vscode基础教程》、《nodejs 教程

4、调试

创建Hello word Demo

vscode怎麼配置node

创建测试服务器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的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板