zoukankan      html  css  js  c++  java
  • 开启第一个Node.js的Express项目

    手动创建一个Express.js的应用可大致分为以下步骤:

    1.创建文件夹

      a. 创建一个项目根文件夹,如helloWord

      b.在项目的根目录下创建项目的目录结构,依次创建{public,public/css,public/img,public/js,db,views,views/includes,routes}

      可使用命令:

    mkdir  {public,public/css,public/img,public/js,db,views,views/includes,routes}
    

    2.NPM初始化和配置package.json

      a.进入控制台,进入项目的根目录

      b.输入命令:npm init ,然后输入相关的一些参数,name,version,等可参考下面的package.json 文件

      c.使用命令:npm install express@4.1.2 --save

     3.依赖声明

    由于express.js是约定优于配置,也可直接在package.json中输入如下内容,然后运行npm install即可

    {
      "name": "helloworld",
      "version": "0.0.1",
      "description": """",
      "main": "app.js",
      "scripts": {
        "start": "node app.js"
      },
      "author": "",
      "license": "ISC",
      "dependencies": {
        "express": "4.1.2",
    	"jade":"1.3.1",
    	"mongoskin":"1.4.1",
    	"stylus":"0.44.0"
      }
    }
    

    4.app.js项目启动文件配置

    在根目录下创建项目起始文件app.js,打开app.js并编辑

    对于app.js的配置文件主要涉及以下几个步骤:

       1)引入依赖,

    //依赖引入
    var express = require('express');
    var http = require('http');
    var path = require('path');

       2)设置相关配置

    //实例化Express.js
    var app = express();
    
    //配置port、views、views engine
    app.set('port',process.env.PORT || 3000);
    app.set('views',path.join(__dirname,'views'));//这里的__dirname的下划线是两个英文下划线
    app.set('view engine','jade');
    

       3)连接数据库(可选)

       4)定义中间件

       5)定义路由

    //定义路由
    app.all('/',function(req,res){
    	res.render('index',{msg:'Welcome to the practical Node.js!'});
    	});
    app.get('/about',function(req,res){
    	res.end('about us');
    });
    

        6)创建服务

    //创建服务
    http.createServer(app).listen(
    	app.get('port'),function (){
    		console.log('Express.js server listening on port '+app.get('port'));
    	}
    );
    

    开启服务之前,需要先在views文件夹中创建一个index.jade,代码如下:

    h1 hello
    p= msg
    

       7)开启服务

        在命令行输入:node app.js并在浏览器中输入http://localhost:3000/会得到:

    在浏览器中输入http://localhost:3000/about会得到:

    5.结合jade

    6.运行项目

  • 相关阅读:
    如何编写gitignore文件
    【转】three.js详解之入门篇
    【转】Nginx反向代理和负载均衡
    【转】使用nvm快速搭建 Node.js 开发环境
    【转】npm包管理器那些事
    【转】用systemJS+karma+Jasmine+babel环境去编写简单的ES6工程
    个人博客 总览
    【转】vscode: Visual Studio Code 常用快捷键
    【转】Cmder--Windows下命令行利器
    APScheduler+Flask
  • 原文地址:https://www.cnblogs.com/kingkangstudy/p/6767687.html
Copyright © 2011-2022 走看看