在Node.js环境下使用Express创建Web项目
来源:互联网 发布:学日语的软件 编辑:程序博客网 时间:2024/06/05 17:56
序:如果你还不知道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:\Users\Administrator\AppData\Roaming\npm\node_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
接下来,就可以随心所欲的编码了...
#########################################
Node.js正在快速发展中,软件包升级很快,文章有运行不通的地方请参考官方文档解决。本人也会不定期更新文章,尽量保持文章代码的可用性。
#########################################
作者:@zhnoah
出处:http://www.cnblogs.com/zhnoah/
- 在Node.js环境下使用Express创建Web项目
- Node.JS 使用 Express 创建 Node.js Web 项目
- 使用Express创建node.js项目
- node.js express创建项目
- mac下配置Node.js开发环境、express安装、创建项目
- 建立node.js服务器(使用express搭建Web环境)
- 第2章-使用Express.js4创建Node.js的Web应用程序-2.3.Express.js脚手架
- 使用Node的 express创建项目
- node express创建项目
- node+express创建项目
- 第2章-使用Express.js4创建Node.js的Web应用程序-2.1.Express.js是如何工作的
- 第2章-使用Express.js4创建Node.js的Web应用程序-2.2.Express.js的安装
- Node.js Express 使用 在Mac电脑
- 在Express中使用html (Node.js)
- Windows下node.js+express安装配置教程、构建JavaScript的Web开发环境
- 使用node.js + express开发web应用笔记(1) - 创建工程
- 第2章-使用Express.js4创建Node.js的Web应用程序-2.5.Jade模板
- Node.js —— 使用express创建web服务器及路由
- UVA - 524 Prime Ring Problem
- android中ProgressDialog与ProgressBar的使用详解
- SaveDC RestoreDC 使用方法
- androidOOM处理
- 最近,做一个比较好玩的项目:疯狂梦想家
- 在Node.js环境下使用Express创建Web项目
- KiFastCallEntry() 机制分析
- WEB端应该使用DataTable/DataSet吗?
- Android之ActionBar、Tabs、Fragment、ViewPager实现标签页切换并缓存页面
- 文章标题
- Android代码优化技术
- android数据库操作之cursor
- csu 1601 War(并查集)
- 枚举数组