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. Latex 中宽度的设置和理解

    \textwidth, 文本区域的全部宽度 \columnwidth, 文本中一列的宽度,单栏或者多栏的情况下,值是不同的 但是,一旦\textwidth, \columnwidth, \linewi ...

  2. jquery timepicker

    <div class="form-group row"> <div class="col-lg-2 control-label l-pd25" ...

  3. C++学习笔记(九):作用域和命名空间

    作用域 作用域规则告诉我们一个变量的有效范围,它在哪儿创建,在哪儿销毁(也就是说超出了作用域).变量的有效作用域从它的定义点开始,到和定义变量之前最邻近的开括号配对的第一个闭括号.也就是说,作用域由变 ...

  4. SQL连接查询的方式

    网上copy,以后来完整 连接条件可在FROM或WHERE子句中指定,建议在FROM子句中指定连接条件.WHERE和HAVING子句也可以包含搜索条件,以进一步筛选连接条件所选的行.          ...

  5. Visual Studio动态代码生成的实现基础

    这篇文章讨论以下3个问题: 1.代码生成器应该做什么 2.大多数代码生成器的缺点 3.动态代码生成实现的基础 代码生成器应该做什么? 我认为,目标是加快项目开发,方式是减少重复代码手工操作,实现是用过 ...

  6. 写一个函数reverseList,该函数能够接受一个List,然后把该List 倒序排列。 例如:  List list = new ArrayList();  list.add(“Hello”);  list.add(“World”);  list.add(“Learn”); //此时list 为Hello World Learn  reverseList

    package homework004; import java.util.ArrayList; import java.util.List; public class Daoxu { public ...

  7. iOS新特性引导页

    有一个注意点: 获取版本号 个叫做Version,一个叫做Build,这两个值都可以在Xcode 中选中target,点击"Summary"后看到. Version在plist文件 ...

  8. IOS debug网络PonyDebugger 实践篇

    引言:  PonyDebugger是一个很给力的iOS调试工具,它的监视器安装在Chrome浏览器下做为插件使用,通过监视器和PonyDebugger的iOS SDK相辅相成,可以很好的监视App的运 ...

  9. [MODx] 8. Snippet get data, chunk display

    Simple Example: Lets process this chunk and output its value. We have this Chunk, called "Welco ...

  10. [Bootstrap] 6. Navigation

    Too Much Navigation? How many of Bootstrap's Navigation Components can we use on a page? 0 1 More th ...