webStorm在Node.js平台下服务器配置及Express配置

**************************************

本博客从此篇开始，将从零基础开始逐渐深入地向各位博友分享node.js学习经验，如有需要请通过博客园留言，我们互相讨论，共同进步。

**************************************

首先需要下载node并安装，本文不再赘述。

安装好node之后创建项目目录，目录结构如下：

public在此为静态资源，意为服务器端的静态文件，包括图片、html文件、css文件、js文件、字体库等。

打开命令行，在项目根目录下运行命令  npm init   npm(包管理器)

连续按回车后，目录中会增加一个package.json的文件，这个文件保存了项目的配置信息。

接下来需要在webstorm中配置node与服务器文件（app.js）文件目录

nodeinterpreter是node的安装目录，一般情况下会自动识别。working directory 是项目目录，javascript file为服务器端主文件（app.js）。配置好后点击apply  ok.

全部配置好后便可以写服务器端js进行服务器搭建：

var http=require("http");    //引入http模块
var server=http.createServer(function(req,res){
    console.log("服务器在运行");
});
server.listen(8888);    //端口监听

此时便可以通过ip:端口 或者 localhost:端口 进行访问了。

以上是通过手动输入的三行代码搭建了服务器，但在平时开发中我们多使用功能更强大的Express框架进行服务器配置及开发，express中封装了很多便于开发的方法，效率大大提升。

下面通过Express框架对服务器进行搭建及配置：

首先需要通过第三方库下载express模块包,在项目根目录下：

npm install express@3 --save-dev

@3 为express的框架版本，在此使用3.x ，--save-dev 是模块包下载完成后自动写入package.json保存并进行配置。

在app.js中重新写入以下代码：

var express = require("express");          //引入express模块
var app = express();                       //返回对象
app.use(express.logger("dev"));          //设置为开发者模式，显示日志
app.use(express.bodyParser());            //处理post请求模块
app.use(express.methodOverride());         //协助处理post请求模块，将所有非get请求都转化为post请求
app.use(app.router);                         //将路由级别提升最先，必须要写在设置静态资源配置之前
app.use(express.static(__dirname+"/public"));    //设置静态资源路径
//app.use(express.favicon(__dirname+"/public/imagesvarvar/favicon.ico"));     //设置小图标
app.use(express.errorHandler());                 //将错误打印出来
app.set("port",8889);

app.listen(app.get("port"),function(){
    console.log("启动成功"+app.get("port"))
});

此时便可以通过浏览器外部访问服务器：

localhost:8889/index.html

  喜欢请点击右下角推荐，如有疑问可以留言，转载请标明出处。