• 在Node.js环境下使用Express创建Web项目实例


    序:如果你还不知道Node.js是什么,那么你可以先看看这篇:Node.js 究竟是什么?或者任何关于它的介绍。

    一、安装Node.js

    1.进入Node.js官网下载并安装

    2.启动cmd输入命令查看node及npm版本

    node -v
    npm -v

    npm是node完成安装后自带的包管理器

    二、安装Express

    express是node平台下最常用的web应用开发框架

    1.全局安装express

    npm install -g express

    Win7环境全局安装在C:UsersAdministratorAppDataRoaming pm ode_modules文件夹下

    2.全局安装express命令行工具

    npm install -g express-generator

    在最新的4.x版本中,命令行工具已经被独立出来

    3.查看express版本

    express -V

    4.更新已安装的express

    npm update -g express

    三、使用Express创建项目

    1.创建项目

    express APP_NAME

    express默认以jade作为模板引擎,模板文件为.jade类型;jade的语法与html有较大差异,对缩进也是要求严格的

    2.以ejs作为模板引擎创建项目

    express APP_NAME -e

    在项目名称的后面添加 -e 那么创建出来的模板文件就是.ejs类型,语法是与html相同的

    3.将ejs文件改为html

    若希望模板文件的后缀为.html(通常只是为了看着更舒服),那么在手动将.ejs换成.html后,还需要对app.js文件进行设置

    var ejs = require('ejs');
    
    app.engine('.html', ejs.__express);
    app.set('view engine', 'html');    //app.set('view engine', 'ejs');

    原文件:

    修改后:

    4.安装依赖包

    进入项目文件夹,执行:

    npm install

    下载package.json中记录的所有依赖包到node_modules文件夹

    注意:更多npm命令,请查看npm常用命令集合

    四、启动服务

    1.启动

    npm start

    监听bin/www文件,默认端口为3000,可在www文件中更改

    2.打开浏览器,输入localhost:3000

    3.自动重启服务

    打开package.json可以看见,监听bin/www文件的命令是node

    使用node监听将会导致:每次修改代码后,需要手动重启服务,可以使用nodemon进行自动重启

    npm install -g nodemon

    同样可以使用下面的命令查看其版本

    nodemon -v

    将package.json文件中的代码修改为:

    "start": "nodemon ./bin/www"

    重新执行:

    npm start

  • 相关阅读:
    HDU1852 Beijing 2008(快速幂+特殊公式)
    HihoCoder 1570 : 小Hi与法阵(简单几何)
    【转】反素数
    【整理】线段树30题
    SPOJcot2 Count on a tree II (树上莫队)
    【总结】曼哈顿距离转切比雪夫距离
    【初识】树上分块
    基于Tablestore Tunnel的数据复制实战
    【New Feature】阿里云快照服务技术解析
    基于日志服务的GrowthHacking(1):数据埋点和采集(APP、Web、邮件、短信、二维码埋点技术)
  • 原文地址:https://www.cnblogs.com/kezf/p/express-web.html
Copyright © 2020-2023  润新知