記錄Nodejs的基本使用

先建立網頁的框架

安裝Node.js

我們使用Node.js的web框架是express,首先先確定Node.js有安裝,我是在Win10下開發的所以到nodejs的官網下載LTS版通常是下一步,可以安裝完成,在命令列中可以下node -v可以看到版本,目前我使用的版本為v10.15.3

設定package.json

先建立一個資料夾叫helloexpress, 在到它的目錄下使用命令列,下下面的指令npm init先建立package.json,它會問些問題,會將資料寫入package.json按照需要輸入或是直接按下不輸入

安裝express

在命令列下npm install --save express,它會建立node_modules的資料夾和將相關的程式碼放到此目錄

建立index.js

在和package.json的相同目錄下,建立index.js,這是程式執行的地方輸入如下

1
2
3
4
5
6
7
8
9
10
var app = require('express')();
var http = require('http').createServer(app);

app.get('/',function(req,res){
res.send('<h1>Hello express</h1>')
})

app.listen(3000,function(){
console.log('listening on *:3000');
})

在命令列下輸入node index.js接下來在瀏覽器中輸入http://127.0.0.1:3000在瀏覽器的畫面會顯示<h1>Hello express</h1>

後記

因為我是在vscode中執行,可以直接在上面可以執行單步偵錯,如下圖所示