分享

Windows下Node.js开发环境搭建

 herowuking 2015-07-21

1、http:///下载node.js运行环境安装

    Windows下Node.js开发环境搭建

2、打开DOS命令行

    .安装express框架

1
>npm install express
   末尾显示如下为安装成功

Windows下Node.js开发环境搭建

     .安装mysql模块

1
npm install mysql
   末尾显示如下为安装成功

Windows下Node.js开发环境搭建

3、www./webstorm/download/下载WebStorm并安装

    .安装nodejs插件

    File -> setting -> Plugins -> Browse responsitories Windows下Node.js开发环境搭建

    搜索nodejs

Windows下Node.js开发环境搭建

    双击安装

4、File -> New Project

Windows下Node.js开发环境搭建

    项目目录结构如下

Windows下Node.js开发环境搭建

——app.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
var express = require('express')
  , routes = require('./routes')
  , user = require('./routes/user')
  , http = require('http')
  , path = require('path');
var app = express();
app.configure(function(){
  app.set('port', process.env.PORT || 3000);//设置监听端口
  app.set('views', __dirname + '/views');//设置模版目录
  app.set('view engine', 'jade');//设置模版引擎
  app.use(express.favicon());
  app.use(express.logger('dev'));
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(express.static(path.join(__dirname, 'public'))); //设置静态文件目录
});
app.configure('development', function(){
  app.use(express.errorHandler());
});
app.get('/', routes.index);
app.get('/users', user.list);
http.createServer(app).listen(app.get('port'), function(){
  console.log("Express server listening on port " + app.get('port'));
});
——package.json
1
2
3
4
5
6
7
8
9
10
11
12
{
  "name": "application-name",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node app"
  },
  "dependencies": {
    "express": "3.0.3",
    "jade": "*"
  }
}

——node_modules 文件夹下是各种模块,这里是express框架和jade模版引擎。

——public 文件夹下是各种静态文件。

——routes 文件夹下是各种action。好吧routes是路径的意思,但是我喜欢称作这个叫action。

    ——index.js

1
2
3
exports.index = function(req, res){
  res.render('index', { title: 'Express' });//这种方式和django一样
};

——views 文件夹下面是各种模版。

    ——layout.jade

1
2
3
4
5
6
7
doctype 5
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content
    ——index.jade
1
2
3
4
5
extends layout
block content
  h1= title
  p Welcome to #{title}

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多