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


Posted in Javascript onMarch 31, 2017

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

一、安装Node.js

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

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

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

node -vnpm -v

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

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

二、安装Express

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

1.全局安装express

npm install -g express

Win7环境全局安装在C:\Users\Administrator\AppData\Roaming\npm\node_modules文件夹下

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

npm install -g express-generator

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

3.查看express版本

express -V

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

4.更新已安装的express

npm update -g express

三、使用Express创建项目

1.创建项目

express APP_NAME

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

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

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

express APP_NAME -e

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

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

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');

原文件:

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

修改后:

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

4.安装依赖包

进入项目文件夹,执行:

npm install

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

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

四、启动服务

1.启动

npm start

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

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

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

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

3.自动重启服务

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

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

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

npm install -g nodemon

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

nodemon -v

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

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

重新执行:

npm start

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

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

Javascript 相关文章推荐
你所要知道JS(DHTML)中的一些技巧
Jan 09 Javascript
javascript 学习之旅 (3)
Feb 05 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
Jul 09 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
Mar 28 Javascript
js表单中选择框值的获取及表单的序列化
Dec 17 Javascript
jQuery实现伪分页的方法分享
Feb 17 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
Aug 02 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
Nov 03 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
May 17 Javascript
JS如何设置元素样式的方法示例
Aug 28 Javascript
原生JS实现的跳一跳小游戏完整实例
Jan 27 Javascript
浅谈vue2的$refs在vue3组合式API中的替代方法
Apr 18 Vue.js
ES6使用let命令更简单的实现块级作用域实例分析
Mar 31 #Javascript
JS解决移动web开发手机输入框弹出的问题
Mar 31 #Javascript
详解使用JS如何制作简单的ASCII图与单极图
Mar 31 #Javascript
Angularjs中使用指令绑定点击事件的方法
Mar 30 #Javascript
Angualrjs和bootstrap相结合实现数据表格table
Mar 30 #Javascript
微信小程序中顶部导航栏的实现代码
Mar 30 #Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
Mar 30 #Javascript
You might like
php include的妙用,实现路径加密
2008/07/29 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
javascript getElementsByName()的用法说明
2009/07/31 Javascript
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
JavaScript中函数声明优先于变量声明的实例分析
2012/03/01 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
jQuery中校验时间格式的正则表达式小结
2013/09/22 Javascript
动态加载js、css等文件跨iframe实现
2014/02/24 Javascript
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
Javascript控制input输入时间格式的方法
2015/01/28 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
2015/03/03 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
2016/08/19 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
jQuery自适应轮播图插件Swiper用法示例
2016/08/24 Javascript
移动端js图片查看器
2016/11/17 Javascript
JQueryEasyUI之DataGrid数据显示
2016/11/23 Javascript
bootstrap table配置参数例子
2017/01/05 Javascript
jquery实现手机端单店铺购物车结算删除功能
2017/02/22 Javascript
js实现鼠标移动到图片产生遮罩效果
2017/10/21 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
2018/06/13 Javascript
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
Ubuntu 14.04+Django 1.7.1+Nginx+uwsgi部署教程
2014/11/18 Python
Python实例一个类背后发生了什么
2016/02/09 Python
解决Tensorflow安装成功,但在导入时报错的问题
2018/06/13 Python
python实现单链表中删除倒数第K个节点的方法
2018/09/28 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
python的set处理二维数组转一维数组的方法示例
2019/05/31 Python
Python实现平行坐标图的两种方法小结
2019/07/04 Python
Python下使用Trackbar实现绘图板
2020/10/27 Python
CSS3 media queries + jQuery实现响应式导航
2016/09/30 HTML / CSS
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
如何理解委托
2012/01/06 面试题
缅怀先烈演讲稿
2014/09/03 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
sql查询结果列拼接成逗号分隔的字符串方法
2021/05/25 SQL Server