Express 是基于Node.Js平台,快速、开放、极简的 web 开发框架。

1.安装

Express的安装通过cmd来进行,过程如下:

首先,先在本地建立一个项目文件夹,取名Nodejs

然后通过cmd输入安装命令:npm init

在name的地方输入express_test(这个名称随意)

然后输入“Yes

这个时候你的项目文件中就会多一个package.json文件。

打开这个文件,你会看到一些应用的名字。

现在可以安装Express了。

在cmd中输入npm install express --save 回车,就可以在线下载了。项目文件中就会多一个“node_modules”的文件夹,这就说明安装成功了。

到此为止,Express安装成功。

2.调试

接下来就是建立一个比较系统的目录结构了。

我是这样建立的,可以作为一个参考:

新建index.js作为程序的入口,在index.js中引用Express。

首先需要搭建一些环境,参考代码如下:

var express = require('express');//引用下载的express
var app = express();//创建server
var port = 3000;//server需要增添的端口 app.use("/",express.static("static"));//static文件夹映射到根目录(express唯一自带的中间键) //请求的方法post & get
//处理链接,并返回相应的数据
//(客户端看不到,在服务器端处理)调试的话用npm install -g node-inspector命令
//运行node-inspector
app.post("/api/json",function(req,res,next){
res.send(JSON.stringify({
id:1,
content:"this is a json content"
}))
}); app.get("/api/script", function(req,res,next){
res.send("alert('get a script')");
}); app.get("/api/html",function(req,res,next){
var html= function(){
/*<a href="#">this is a html text content</a>*/
}
res.send(html.toString().replace("function(){/*","").replace("*/}",""));
}); // app.all("/api/*",function(req,res,next){
// res.send("abc")
// next();
// }) app.listen(port);
console.log('web start at port:' + port);

环境搭建成功后,需要通过命令行来启动。

在cmd中输入:node index.js

这个时候输出内容如下:

这个时候在浏览器输入localhost:3000就可以看到你项目中的index.html文件了。

需要注意的是,在index.js中所有的调试在客户端是看不到的,因为它是服务器脚本,整个过程都在服务器端运行。那么如何才能看到这个调试过程呢?

我们需要的是安装node-inspector。

在cmd中输入:npm install -g node-inspector

安装成功后出现下面的界面:

运行:在cmd输入 node-inspector

正常情况下应该返回这样的代码:

因为node inspector默认的是8080端口,而我本地的8080端口已经被占用,就会报错:

解决的办法很简单,只要修改node-inspect的默认借端口就可以了。

在cmd中输入:node-inspector --web-port=8099

这里的8099就是你要修改的端口号,请改成你自己预设的端口号即可。

接着用node inspector返回的网址(http://127.0.0.1:8099/?port=5858)就可以轻松调试node server中的代码了。

具体做法是在cmd中输入需要调试的文件名:node --debug index.js (这里调试的是index.js)

然后在刚才的网址的浏览器控制台就能看到服务器中的页面了。

Express安装与调试的更多相关文章

  1. Visual Studio 2015 + IIS Express 10.0 调试 ASP.NET 项目

    参考资料: https://msdn.microsoft.com/zh-cn/library/58wxa9w5(v=vs.120).aspx 首先搭建环境, 也就是用 IIS Express 配置一个 ...

  2. Windows8.1系统下让VS2012编译运行IIS Express 64位 调试器

    有时候在window8以上系统中对C#系统进行调试 提示不能使用32位IIS Express,如果每次都采用IIS 在vs代码进行调试的时候很麻烦 下面我们就介绍一下怎么用编译调试64位代码: 网上方 ...

  3. nodejs+express安装

    1.安装nodejs http://www.nodejs.org/下载或直接安装nodejs. 安装默认会勾选加入环境变量. 打开cmd,输入node -v.测试是否成功. 2.安装express 命 ...

  4. Windows Service 开发,安装与调试

    Visual Studio.net 2010 Windows Service 开发,安装与调试 本示例完成一个每隔一分钟向C:\log.txt文件写入一条记录为例,讲述一个Windows Servic ...

  5. ubuntu14.04下nodejs + npm + bower的安装、调试和部署

      1. 简介 本文介绍ubuntu14.04下nodejs+npm+bower的安装.调试和部署 参考文档 https://docs.npmjs.com/getting-started https: ...

  6. postgresql编译安装与调试(二)

    接前文postgresql编译安装与调试(一),继续说说postgresql的编译安装与调试. 上一篇已经详细说明了如何在Linux系统上编译安装postgresql,这次我们在此基础上简单讲讲如何在 ...

  7. MAC上 nodejs express 安装

    最近在MAC上搭建 nodejs环境以及安装 express 框架,遇到了一些问题,不过最后总算还是安装成功了,下面是操作步骤 1.node js 安装 访问nodejs官网进入下载mac上的安装包 ...

  8. Redis安装与调试

    Redis安装与调试 Redis安装与调试linux版本:64位CentOS 6.5 Redis版本:2.8.17  (更新到2014年10月31日) Redis官网:http://redis.io/ ...

  9. 安装ARM调试器

    一.概述 1.调试ARM应用程序的软硬件组成 硬件JTAG/SWD仿真器 Eclipse调试插件 GDB调试客户端 GDB服务器端 JTAG/SWD需要的硬件驱动 2.GNU ARM Eclipse推 ...

随机推荐

  1. android http 通信(httpclient 实现)

    1.httpclient get 方式 HttpGet httpGet = new HttpGet(url); HttpClient client = new DefaultHttpClient(); ...

  2. Oracle10g完全卸载正确步骤

    Oracle卸载要求比较严格,不能简单的卸载就完事了:当然Oracle卸载也没有那么难,只是步骤比较多.Oracle10g还是Oracle11g卸载步骤都是一样的.下边详细介绍一下. 找到Oracle ...

  3. MSSQLSERVER数据库- LEFT JOIN后面跟着WHERE竟变成内联 解决方法

    在LEFT JOIN后面跟着WHERE竟变成内联.百度后看到这个解决方法. 记录如下: select sre.*, co.description from subscribedratingelemen ...

  4. javafx for android or ios ?

    javafx是否支持android 或者 ios这是一个令人感兴趣的话题.google一番,发现有可行方案: 1. javafx on android: 两种方案:(事实上差点儿相同) 1.有位大神已 ...

  5. zoj 3820 Building Fire Stations 树的中心

    Building Fire Stations Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.zju.edu.cn/onlinejudge ...

  6. 2015北京网络赛 J Clarke and puzzle 求五维偏序 分块+bitset

    Clarke and puzzle Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://hihocoder.com/contest/acmicpc20 ...

  7. [React Native] Build a Github Repositories component

    Nav to Repos component from Dashboard.js: goToRepos(){ api.getRepos(this.props.userInfo.login) .then ...

  8. dynamic_cast用法

    dynamic_cast < type-id > ( expression ) 该运算符把expression转换成type-id类型的对象.Type-id必须是类的指针.类的引用或者vo ...

  9. Linux 学习笔记 基本的bash shell命令

    Linux 文件系统 Linux讲文件存储在单个目录结构(虚拟目录)中,虚拟目录包含了安装在PC上的所有存储设备的文件路径. Linux虚拟目录中比较复杂的部分是它如何来协调管理各个存储设备.Linu ...

  10. 拖拽js

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...