Windows下nodejs開發環境搭建

一、http://nodejs.org/下載node.js運行環境安裝 css

    

二、打開DOS命令行 html

    .安裝express框架 node

>npm install express
   末尾顯示以下爲安裝成功

     .安裝mysql模塊 mysql

npm install mysql
   末尾顯示以下爲安裝成功

三、www.jetbrains.com/webstorm/download/下載WebStorm並安裝 web

    .安裝nodejs插件 sql

    File -> setting -> Plugins -> Browse responsitories  shell

    搜索nodejs express

    雙擊安裝 npm

四、File -> New Project django

    項目目錄結構以下

——app.js

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
{
  "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

exports.index = function(req, res){
  res.render('index', { title: 'Express' });//這種方式和django同樣
};

——views 文件夾下面是各類模版。

    ——layout.jade

doctype 5
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content
    ——index.jade
extends layout

block content
  h1= title
  p Welcome to #{title}
相關文章
相關標籤/搜索