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开发环境的更多相关文章

  1. mac下配置Node.js开发环境、express安装、创建项目

    mac下配置Node.js开发环境.express安装.创建项目 一.node.js的安装 去官网下载对应的平台版本就可以了,https://nodejs.org 二.express安装 sudo n ...

  2. Notepad++ 配置 Node.js 开发环境

    首先安装一个notepad++的插件NppExec,在Notepad++的Plugin Manager里面进行安装. 安装完后,在这个插件的菜单里面选择Execute 在对话框中输入以下的内容: if ...

  3. sublime text3配置node.js开发环境

    今天配置sublime下node.js网上搜索很多方法. 首先:传统的方法是 1.GIT方法 可直接输入 Git clone https://github.com/tanepiper/SublimeT ...

  4. IDE-Sublime【3】-配置Node.js开发环境

    一.下载Nodejs插件,下载地址为https://github.com/tanepiper/SublimeText-Nodejs,解压到当前文件夹,改名为Nodejs 二.打开Sublime Tex ...

  5. nodeJS学习(6)--- Sublime Text3 配置Node.js 开发环境

    参考:http://www.bubuko.com/infodetail-798008.html http://www.cnblogs.com/bluesky4485/p/3928364.html 1. ...

  6. Linux虚拟机中 Node.js 开发环境搭建

    Node.js 开发环境搭建: 1.下载CentOS镜像文件和VMWare虚拟机程序; 2.安装VMWare——>添加虚拟机——>选择CentOS镜像文件即可默认安装带有桌面的Linux虚 ...

  7. Nodejs学习笔记(一)--- 简介及安装Node.js开发环境

    目录 学习资料 简介 安装Node.js npm简介 开发工具 Sublime Node.js开发环境配置 扩展:安装多版本管理器 学习资料 1.深入浅出Node.js http://www.info ...

  8. Nodejs学习笔记(一)—简介及安装Node.js开发环境

    一.简介 Node.js是让Javascript脱离浏览器运行在服务器的一个平台,不是语言: Node.js采用的Javascript引擎是来自Google Chrome的V8:运行在浏览器外不用考虑 ...

  9. 【转】Nodejs学习笔记(一)--- 简介及安装Node.js开发环境

    目录 学习资料 简介 安装Node.js npm简介 开发工具 Sublime Node.js开发环境配置 扩展:安装多版本管理器 学习资料 1.深入浅出Node.js http://www.info ...

随机推荐

  1. ACM2123(一个简单的问题)

    一个简单的问题 问题说明 在这个问题中,你需要做N * N的乘法表,就像样品.第第i 行和j 个列中的元素i和j的乘积(乘积).   输入 输入的第一行是一个整数C中表示测试用例的数量,然后C的测试用 ...

  2. HW7.10

    public class Solution { public static void main(String[] args) { int[][] array = new int[3][3]; for( ...

  3. MySQL 字段类型详解

    一.非数字类型 类型 范围 说明   Char(N) [ binary] N=1~255 个字元 binary :分辨大小写 固定长度 std_name cahr(32) not null VarCh ...

  4. leetcode@ [30/76] Substring with Concatenation of All Words & Minimum Window Substring (Hashtable, Two Pointers)

    https://leetcode.com/problems/substring-with-concatenation-of-all-words/ You are given a string, s, ...

  5. INTERIGHT 京东自营旗舰店-京东 要把凡客给弄残啊这是。。

    INTERIGHT 京东自营旗舰店-京东

  6. 纯CSS3实现的图片滑块程序,效果非常酷

    接下来我们一起来分析一下源码,首先是HTML代码,非常简单: <div id="gal"> <nav class="galnav"> & ...

  7. PC问题-使用BAT方法清理Delphi临时文件

    @echo offdel /S *.~*del /S *.dcudel /S *.dskdel /S *.hppdel /S *.ddpdel /S *.mpsdel /S *.mptdel /S * ...

  8. [Objective-c 基础 - 1.1] OC类

    Obj-C中没有包得概念,使用前缀进行区分 自带类用NS开头命名 关键字使用@开头   A. 第一个OC程序 1. 导入Foundation框架的主头文件 #import <Foundation ...

  9. jquery事件函数和原生事件绑定函数中return false的区别

    一直听说jquery中事件函数返回false,相当于调用了event.preventDefault()和event.stopPropagation()两个方法,今天就想看看dom中0级.1级.2级事件 ...

  10. Delphi- 一些H8记录

    CheckOrder方法写在uDataModConn类里.