浅试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("<head><meta charset='utf-8'></head>");

    //发送响应数据
    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开发的第一步！

 

posted @ 2015-11-02 14:06  耶特  阅读(15855)  评论(2)  编辑  收藏  举报