首页 > Web开发 > 详细

浅试WebStorm配置Node.js开发环境

时间:2015-11-02 15:20:37      阅读:280      评论:0      收藏:0      [点我收藏+]

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开发的第一步!

 

浅试WebStorm配置Node.js开发环境

原文:http://www.cnblogs.com/yetbobo/p/4929997.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!