加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-16 08:17:53 所属栏目:百科 来源:网络整理
导读:序:如果你还不知道Node.js是什么,那么你可以先看看这篇:Node.js 究竟是什么?或者任何关于它的介绍。 一、安装Node.js 1.进入Node.js官网下载并安装 2.启动cmd输入命令查看node及npm版本 npm是node完成安装后自带的包管理器 二、安装Express express是nod

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

一、安装Node.js

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

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

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

二、安装Express

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

1.全局安装express

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

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

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

3.查看express版本

4.更新已安装的express

三、使用Express创建项目

1.创建项目

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

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

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

3.将ejs文件改为html

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

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

原文件:

修改后:

4.安装依赖包

进入项目文件夹,执行:

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

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

四、启动服务

1.启动

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

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

3.自动重启服务

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

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

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

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

重新执行:

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读