當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

node学习笔记_01 环境搭建

發布時間：2025/4/14 编程问答 31 豆豆

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

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

　　nvm list? ? ? ? ? ? -> 查看node版本（版本最好在8.0以上，不然在vsCode斷點調試進不去，跟node版本有關系）

　　nvm install 6.10.8? ?-> 安裝node

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

二.開始第一個hello world程序

? ? node filename.js 開啟node服務

　ctrl + c 退出操作

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

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

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

四.通過設置 req.url,訪問路由

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

hello.js

/*** 特別注意：寫目錄時一定記得在前面加上./（如果從當前開始的話）* 因為我們不知道代碼將來會在什么環境下運行(常見的環境：windows、linux)*/var http = require("http");//變量http得到被引入模塊"http"的所有接口 var fs = require("fs");//fs文件系統模塊 //fs.readFile 異步讀取一個文件的全部內容//創建服務器,參數是一個回調函數, http.createServer(function(req,res){if( req.url == "/home" ){/*** 讀取文件:文件路徑及名稱,回調函數* 回調函數: err:錯誤信息 , data:讀取的數據/內存* */fs.readFile("./home.html",function(err,data){//data讀取到的文件內容res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});console.log("服務器接收到了請求地址為:" + req.url );//會在控制臺打印 res.end(data);});}else if(req.url == "/css.css"){fs.readFile("./resource/css.css",function(err,data){//data讀取到的文件內容res.writeHead(200,{"Content-type":"text/css"});console.log("服務器接收到了請求地址為:" + req.url );//會在控制臺打印 res.end(data);});}else{//頁面不存在改變狀態碼為404res.writeHead(404,{"Content-type":"text/html;charset=UTF-8"});console.log("服務器接收到了請求地址為:" + req.url );//會在控制臺打印res.end("頁面不存在");//如果沒有res.end會存在"掛起"狀態,也就是瀏覽器Tab選項卡的圈圈會一直轉 }}).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 命令窗口運行 node hello.js?

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

轉載于:https://www.cnblogs.com/mmzuo-798/p/7755116.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。