node+express项目搭建

最新推荐文章于 2025-04-23 10:35:42 发布

原创最新推荐文章于 2025-04-23 10:35:42 发布 · 287 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用Express.js快速搭建Web应用项目，包括安装Express.js、生成项目基本框架、配置EJS模板引擎及设置静态资源访问等内容。

1.搭建项目目录：http://blog.youkuaiyun.com/zzwwjjdj1/article/details/51886402

全局安装两个模块
npm install -g express
npm install -g express-generator
使用 express -v查看版本号判断是否成功

生成项目基本框架
express projectName
*****默认是jade，如果想要使用ejs，使用 express -e projectName命令*****

下载项目所需的模块
cd projectName && npm install

运行项目
npm start

浏览器访问 http://127.0.0.1:3000/localhost:3000

2.将jade改成ejs https://jingyan.baidu.com/article/47a29f2470bd51c015239954.html

在views文件下新建index.html主文件

进入项目目录，安装ejs
npm install ejs

在app.js中引入
var ejs = require('ejs');

将原来app.js中的内容替换成如下
原来
app.set('views',path.join(__dirname,'views'));
app.set('view engine','jade');
替换成
app.engine('html',ejs.__express);
app.set('view engine','html')

3.要被自己蠢死的一件事
项目中存在css、js等文件的时候,需要配置多个静态访问目录。比如public文件夹放置公用js、css等文件，view方式展示页面，这个时候需要进行如下的设置：
app.use(express,static("public"));
app.use(express,static("view"));
这样设置之后,访问静态资源的时候,就不能在添加public、view这一级目录了,其里面的内容已经被指定到根目录了。