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

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