當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

node学习笔记_01 环境搭建

發(fā)布時間：2025/4/14 编程问答 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 node学习笔记_01 环境搭建小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

一.下載安裝nvm (node版本管理器),方便以后版本切換

　　nvm list? ? ? ? ? ? -> 查看node版本（版本最好在8.0以上，不然在vsCode斷點(diǎn)調(diào)試進(jìn)不去，跟node版本有關(guān)系）

　　nvm install 6.10.8? ?-> 安裝node

　　nvm use 6.4.2? ? ? ? ->使用的node版本號

二.開始第一個hello world程序

? ? node filename.js 開啟node服務(wù)

　ctrl + c 退出操作

/*服務(wù)模塊:打開服務(wù):流程:1.引入模塊,通過變量來接收2.通過http.createServer創(chuàng)建服務(wù),注意后面跟上一個匿名函數(shù)req: request 請求res: response 響應(yīng)兩個接口3.通過listen監(jiān)聽端口號和訪問地址4.通過res.writeHead設(shè)置網(wǎng)頁狀態(tài)碼和文檔內(nèi)容類型5.res.end*/ var http = require("http");//變量http得到被引入模塊"http"的所有接口//創(chuàng)建服務(wù)器,參數(shù)是一個回調(diào)函數(shù), http.createServer(function(req,res){/*設(shè)置響應(yīng)HTTP頭部信息,第一個參數(shù):傳入網(wǎng)頁狀態(tài)碼, 200表示請求正常第二個參數(shù):設(shè)置文檔內(nèi)容類型,text/html 表示html文檔類型,charset=UTF-8表示文檔編碼類型小知識:國內(nèi)編碼:GBK(國標(biāo)k) gb2312 ...*/res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});res.end("hello world!");//如果沒有res.end會存在"掛起"狀態(tài),也就是瀏覽器Tab選項(xiàng)卡的圈圈會一直轉(zhuǎn) console.log("hello console~");//會在控制臺打印 }).listen(3000,"127.0.0.1");//端口號,要訪問的名稱(IP)

三. req.url 輸出請求的頭部路由信息

var http = require("http");//變量http得到被引入模塊"http"的所有接口 //創(chuàng)建服務(wù)器,參數(shù)是一個回調(diào)函數(shù), http.createServer(function(req,res){res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});console.log("服務(wù)器接收到了請求地址為:" + req.url );//會在控制臺打印/*** 打印結(jié)果為:* 服務(wù)器接收到了請求地址為:/ ( 瀏覽器訪問地址為 127.0.0.1:3000 時)* 服務(wù)器接收到了請求地址為:/favicon.ico (小圖標(biāo))* 服務(wù)器接收到了請求地址為:/think ( 瀏覽器訪問地址為 127.0.0.1:3000/think 時)* 服務(wù)器接收到了請求地址為:/favicon.ico (小圖標(biāo))*/res.end("hello world!");//如果沒有res.end會存在"掛起"狀態(tài),也就是瀏覽器Tab選項(xiàng)卡的圈圈會一直轉(zhuǎn) }).listen(3000,"127.0.0.1");//端口號,要訪問的名稱(IP)

四.通過設(shè)置 req.url,訪問路由

五.新建html頁面,fs.readFile來讀取文件顯示

hello.js

/*** 特別注意：寫目錄時一定記得在前面加上./（如果從當(dāng)前開始的話）* 因?yàn)槲覀儾恢来a將來會在什么環(huán)境下運(yùn)行(常見的環(huán)境：windows、linux)*/var http = require("http");//變量http得到被引入模塊"http"的所有接口 var fs = require("fs");//fs文件系統(tǒng)模塊 //fs.readFile 異步讀取一個文件的全部內(nèi)容//創(chuàng)建服務(wù)器,參數(shù)是一個回調(diào)函數(shù), http.createServer(function(req,res){if( req.url == "/home" ){/*** 讀取文件:文件路徑及名稱,回調(diào)函數(shù)* 回調(diào)函數(shù): err:錯誤信息 , data:讀取的數(shù)據(jù)/內(nèi)存* */fs.readFile("./home.html",function(err,data){//data讀取到的文件內(nèi)容res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});console.log("服務(wù)器接收到了請求地址為:" + req.url );//會在控制臺打印 res.end(data);});}else if(req.url == "/css.css"){fs.readFile("./resource/css.css",function(err,data){//data讀取到的文件內(nèi)容res.writeHead(200,{"Content-type":"text/css"});console.log("服務(wù)器接收到了請求地址為:" + req.url );//會在控制臺打印 res.end(data);});}else{//頁面不存在改變狀態(tài)碼為404res.writeHead(404,{"Content-type":"text/html;charset=UTF-8"});console.log("服務(wù)器接收到了請求地址為:" + req.url );//會在控制臺打印res.end("頁面不存在");//如果沒有res.end會存在"掛起"狀態(tài),也就是瀏覽器Tab選項(xiàng)卡的圈圈會一直轉(zhuǎn) }}).listen(3002,"127.0.0.1");//端口號,要訪問的名稱(IP)

home.html

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><link rel="stylesheet" href="css.css"> </head> <body>Test頁面~~ </body> </html>

dos 命令窗口運(yùn)行 node hello.js?

在瀏覽器輸入127.0.0.1:3000/html就可以看見頁面了

轉(zhuǎn)載于:https://www.cnblogs.com/mmzuo-798/p/7755116.html

總結(jié)

以上是生活随笔為你收集整理的node学习笔记_01 环境搭建的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。