乐趣区

关于前端:Nodejs开发

Nodejs 开发

Nodejs 装置

参考菜鸟教程 Node.js 教程 | 菜鸟教程 (runoob.com)

配置国内 npm 镜像(淘宝镜像)

npm install -g cnpm --registry=https://registry.npm.taobao.org
或
npm install -g cnpm --registry=https://registry.npmmirror.com/

VSCode 自身就是基于 Node 开发的,所以无需装置 Nodejs 相干的插件,人造就很顺利的发展工作。

VSCode 对 Nodejs 代码主动补全

进入到本人的工程目录上面,执行命令:

cnpm install --save @types/node
或
npm install --save @types/node

将 VSCode 敞开后从新关上,能够在左侧的文件管理器中看到多了一个 node_modules 文件夹,外面有一个 @types/node 文件夹,这个文件夹上面有所有 npm 曾经反对的模块,相似 C 语言的头文件。

所以能够查看你须要的模块,间接能够在代码中 require 援用。

VSCode 调试 Node.js

编写一个 client.js 代码

var http = require("http")

let options = {
    url: "http://127.0.0.1",
    port: "8080",
    path: "/",
    method: "GET"
}
let clientRequest = http.request(options, function (res) {console.log("状态码:" + res.statusCode);
    console.log("响应头:" + JSON.stringify(res.headers));
    res.on("data", function (chunk) {console.log("响应内容:" + chunk);
        // plain-text string
        const str = 'Base64 Encoding in Node.js';

        // create a buffer
        const buff = Buffer.from(str, 'utf-8');

        // encode buffer as Base64
        const base64 = buff.toString('base64');

        // print Base64 string
        console.log(base64);
    })
    res.on("end", function () {console.log("响应完结");
    })
});
// 监听 error 事件,当申请失败时,将触发 error 事件的回调函数
clientRequest.on("error", function (err) {console.log("申请出错,错误代码为:" + err.code);
})
clientRequest.end();

VSCode 自带有 Node 调试器,所以无需装置多余的工具,间接配置 lunch.json

{
    // 应用 IntelliSense 理解相干属性。// 悬停以查看现有属性的形容。// 欲了解更多信息,请拜访: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": ["<node_internals>/**"],
            "program": "${workspaceFolder}/client.js"
        }
    ]
}
退出移动版