webstorm配置环境变量_浅试WebStorm配置Node.js开发环境

web前端开发IDE一直喜欢用WebStorm，这里简单介绍如何用WebStorm搭建一个Node.js开发环境。

首先，需要在本地安装好node.js，以及npm包管理工具。你也可以吧node.js配置到系统的环境变量中更方便。

然后，启动WebStorm，打开Edit Configurations窗口，可以点击工具栏Run—>Edit Configurations，也可以右上角

打开服务配置窗口，在左侧添加服务，右侧配置属性。

回到入口文件：mian.js，这里跟模块管理工具require.js的入口文件相似。

/**

* node.js的入口文件.*/

var http = require("http");

http.createServer(function(request, response){//发送http头部ͷ

//http状态值：200

//内容类型：text/html

response.writeHead(200, {'Content-Type': 'text/html'});//设置显示字符编码

response.write("

");//发送响应数据

response.end("Hello World! 来自node.js \n");//后台终端打印信息

console.log("Server running at http://localhost:3000/hello world!");

}).listen(3000);

然后启动服务，在浏览器打开http://localhost:3000，端口号不要冲突就行。

当然，WebStorm为前端而生，它也有新建属于Node.js的web app项目模板，这里它默认引入了一个Express框架，Express供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具，使用 它可以快速地搭建一个完整功能的网站。

Express是基于MVC结构，新建项目后会自动生成管理目录结构，

bin————www是默认的入口文件

node_modules————存放所有的项目依赖库。(包括node.js的模块)

package.json————项目依赖配置及开发者信息

app.js————程序启动文件

public————静态文件(css,js,img)

routes————路由文件(MVC中的C,controller)

views————页面文件(Ejs模板)

配置会自动生成，启动服务即可。这样你就完成node.js开发的第一步！