浅试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开发的第一步!
浅试WebStorm配置Node.js开发环境的更多相关文章
- mac下配置Node.js开发环境、express安装、创建项目
mac下配置Node.js开发环境.express安装.创建项目 一.node.js的安装 去官网下载对应的平台版本就可以了,https://nodejs.org 二.express安装 sudo n ...
- Notepad++ 配置 Node.js 开发环境
首先安装一个notepad++的插件NppExec,在Notepad++的Plugin Manager里面进行安装. 安装完后,在这个插件的菜单里面选择Execute 在对话框中输入以下的内容: if ...
- sublime text3配置node.js开发环境
今天配置sublime下node.js网上搜索很多方法. 首先:传统的方法是 1.GIT方法 可直接输入 Git clone https://github.com/tanepiper/SublimeT ...
- IDE-Sublime【3】-配置Node.js开发环境
一.下载Nodejs插件,下载地址为https://github.com/tanepiper/SublimeText-Nodejs,解压到当前文件夹,改名为Nodejs 二.打开Sublime Tex ...
- nodeJS学习(6)--- Sublime Text3 配置Node.js 开发环境
参考:http://www.bubuko.com/infodetail-798008.html http://www.cnblogs.com/bluesky4485/p/3928364.html 1. ...
- Linux虚拟机中 Node.js 开发环境搭建
Node.js 开发环境搭建: 1.下载CentOS镜像文件和VMWare虚拟机程序; 2.安装VMWare——>添加虚拟机——>选择CentOS镜像文件即可默认安装带有桌面的Linux虚 ...
- Nodejs学习笔记(一)--- 简介及安装Node.js开发环境
目录 学习资料 简介 安装Node.js npm简介 开发工具 Sublime Node.js开发环境配置 扩展:安装多版本管理器 学习资料 1.深入浅出Node.js http://www.info ...
- Nodejs学习笔记(一)—简介及安装Node.js开发环境
一.简介 Node.js是让Javascript脱离浏览器运行在服务器的一个平台,不是语言: Node.js采用的Javascript引擎是来自Google Chrome的V8:运行在浏览器外不用考虑 ...
- 【转】Nodejs学习笔记(一)--- 简介及安装Node.js开发环境
目录 学习资料 简介 安装Node.js npm简介 开发工具 Sublime Node.js开发环境配置 扩展:安装多版本管理器 学习资料 1.深入浅出Node.js http://www.info ...
随机推荐
- ACM2123(一个简单的问题)
一个简单的问题 问题说明 在这个问题中,你需要做N * N的乘法表,就像样品.第第i 行和j 个列中的元素i和j的乘积(乘积). 输入 输入的第一行是一个整数C中表示测试用例的数量,然后C的测试用 ...
- HW7.10
public class Solution { public static void main(String[] args) { int[][] array = new int[3][3]; for( ...
- MySQL 字段类型详解
一.非数字类型 类型 范围 说明 Char(N) [ binary] N=1~255 个字元 binary :分辨大小写 固定长度 std_name cahr(32) not null VarCh ...
- 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, ...
- INTERIGHT 京东自营旗舰店-京东 要把凡客给弄残啊这是。。
INTERIGHT 京东自营旗舰店-京东
- 纯CSS3实现的图片滑块程序,效果非常酷
接下来我们一起来分析一下源码,首先是HTML代码,非常简单: <div id="gal"> <nav class="galnav"> & ...
- PC问题-使用BAT方法清理Delphi临时文件
@echo offdel /S *.~*del /S *.dcudel /S *.dskdel /S *.hppdel /S *.ddpdel /S *.mpsdel /S *.mptdel /S * ...
- [Objective-c 基础 - 1.1] OC类
Obj-C中没有包得概念,使用前缀进行区分 自带类用NS开头命名 关键字使用@开头 A. 第一个OC程序 1. 导入Foundation框架的主头文件 #import <Foundation ...
- jquery事件函数和原生事件绑定函数中return false的区别
一直听说jquery中事件函数返回false,相当于调用了event.preventDefault()和event.stopPropagation()两个方法,今天就想看看dom中0级.1级.2级事件 ...
- Delphi- 一些H8记录
CheckOrder方法写在uDataModConn类里.