文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Node.js使用Express创建Web项目详细教程

2022-06-04 17:42

关注

序:如果你还不知道Node.js是什么,那么你可以先看看这篇:Node.js 究竟是什么?或者任何关于它的介绍。

一、安装Node.js

1.进入Node.js官网下载并安装

查看图片

2.启动cmd输入命令查看node及npm版本


node -vnpm -v

查看图片

npm是node完成安装后自带的包管理器

二、安装Express

express是node平台下最常用的web应用开发框架

1.全局安装express


npm install -g express

Win7环境全局安装在C:UsersAdministratorAppDataRoamingnpmnode_modules文件夹下

2.全局安装express命令行工具


npm install -g express-generator

在最新的4.x版本中,命令行工具已经被独立出来

3.查看express版本


express -V

查看图片

4.更新已安装的express


npm update -g express

三、使用Express创建项目

1.创建项目


express APP_NAME

express默认以jade作为模板引擎,模板文件为.jade类型;jade的语法与html有较大差异,对缩进也是要求严格的

查看图片

2.以ejs作为模板引擎创建项目


express APP_NAME -e

在项目名称的后面添加 -e 那么创建出来的模板文件就是.ejs类型,语法是与html相同的

查看图片

3.将ejs文件改为html

若希望模板文件的后缀为.html(通常只是为了看着更舒服),那么在手动将.ejs换成.html后,还需要对app.js文件进行设置


var ejs = require('ejs');

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

原文件:

查看图片

修改后:

查看图片

4.安装依赖包

进入项目文件夹,执行:


npm install

下载package.json中记录的所有依赖包到node_modules文件夹

注意:更多npm命令,请查看npm常用命令集合

四、启动服务

1.启动


npm start

监听bin/www文件,默认端口为3000,可在www文件中更改

查看图片

2.打开浏览器,输入localhost:3000

查看图片

3.自动重启服务

打开package.json可以看见,监听bin/www文件的命令是node

查看图片

使用node监听将会导致:每次修改代码后,需要手动重启服务,可以使用nodemon进行自动重启


npm install -g nodemon

同样可以使用下面的命令查看其版本


nodemon -v

将package.json文件中的代码修改为:


"start": "nodemon ./bin/www"

重新执行:


npm start

查看图片

接下来,就可以随心所欲的编码了...

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯