002-搭建第一個node服務器項目

node + express
一、項目搭建
1、安裝express
https://www.expressjs.com.cn/
npm i -g express --save
2、安裝應用程序生成器
npm i -g express-generator
使用express-generator 快速創建一個應用的骨架。
有幾個重要的模塊也要同時安裝:
body-parser - node.js 中間件,用於處理 JSON, Raw, Text 和 URL 編碼的數據。
multer - node.js 中間件,用於處理 enctype=“multipart/form-data”(設置表單的MIME編碼)的表單數據。
cookie-parser - 這就是一個解析Cookie的工具。通過req.cookies可以取到傳過來的cookie,並把它們轉成對象。

npm install body-parser --save
npm install cookie-parser --save
npm install multer --save

3、創建項目
express nodejsProect
在這裏插入圖片描述
4、根據命令信息提示操作
cd nodejsProject 進入項目文件
npm i 初始化項目依賴
npm start 運行項目

5、若服務成功啓動則展示下面信息,
可通過localhost://3000,在瀏覽器中打開
在這裏插入圖片描述
服務器正常啓動後,顯示頁面
在這裏插入圖片描述
6、若在啓動服務中,提示以下錯誤
說明3000端口被佔用
在這裏插入圖片描述
二、項目文件解析
在這裏插入圖片描述
1、bin: 入口文件
2、public:是存放靜態文件的文件夾,前端構建包也可以放在此處
2、routes: 路由解析文件
3、views: ejs引擎模板的視圖文件
4、app.js: 服務器配置,存放着全局配置

相關配置修改:

1、修改入口文件:
在這裏插入圖片描述
可以把www文件修改爲main.js,把紅色方框內的路徑修改爲main.js路徑。
2、模板引擎設置
express默認的模板是jade,看着不順眼可以換成html模板。

app.engine('html', ejs.__express);
app.set('view engine', 'html');

在這裏插入圖片描述
3、文件、資源路徑
在這裏插入圖片描述
靜態資源存放路徑由public     =>     static

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章