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
002-搭建第一个node服务器项目_第1张图片
4、根据命令信息提示操作
cd nodejsProject 进入项目文件
npm i 初始化项目依赖
npm start 运行项目

5、若服务成功启动则展示下面信息,
可通过localhost://3000,在浏览器中打开
002-搭建第一个node服务器项目_第2张图片
服务器正常启动后,显示页面
002-搭建第一个node服务器项目_第3张图片
6、若在启动服务中,提示以下错误
说明3000端口被占用
002-搭建第一个node服务器项目_第4张图片
二、项目文件解析
002-搭建第一个node服务器项目_第5张图片

1、bin: 入口文件
2、public:是存放静态文件的文件夹,前端构建包也可以放在此处
2、routes: 路由解析文件
3、views: ejs引擎模板的视图文件
4、app.js: 服务器配置,存放着全局配置
5、config: 数据库相关配置

相关配置修改:

1、修改入口文件:
002-搭建第一个node服务器项目_第6张图片
可以把www文件修改为main.js,把红色方框内的路径修改为main.js路径。
2、模板引擎设置
express默认的模板是jade,看着不顺眼可以换成html模板。

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

002-搭建第一个node服务器项目_第7张图片
3、文件、资源路径
002-搭建第一个node服务器项目_第8张图片
静态资源存放路径由public     =>     static

你可能感兴趣的:(nodejs搭建服务器,node,nodejs,node服务,服务器)