node.js学习笔记(18) express

Express是一个简洁而灵活的基于node.js的Web应用框架。


在Express3.6.x之前的版本,Express需要全局安装的,项目构建器模块是合并在 Express项目中的,后来这个构建器被拆分出来,独立成为了一个项目express-generator,现在只需要全局安装express-generator就行了。


全局安装express-genrator.js:

sudo npm install -g express-generator


创建express项目:

lee@mypc ~/works/nodejs/study18 $ express express-demo

   create : express-demo
   create : express-demo/package.json
   create : express-demo/app.js
   create : express-demo/public
   create : express-demo/public/images
   create : express-demo/public/javascripts
   create : express-demo/routes
   create : express-demo/routes/index.js
   create : express-demo/routes/users.js
   create : express-demo/public/stylesheets
   create : express-demo/public/stylesheets/style.css
   create : express-demo/views
   create : express-demo/views/index.jade
   create : express-demo/views/layout.jade
   create : express-demo/views/error.jade
   create : express-demo/bin
   create : express-demo/bin/www

   install dependencies:
     $ cd express-demo && npm install

   run the app:
     $ DEBUG=express-demo:* npm start

安装依赖:

cd express-demo
npm install

这时demo1中将会自动生成一个目录node-modules,用于存放demo1项目需要的依赖包。


启动express项目:
npm start

访问http://localhost:3000得到:

0827b9de2fa4f8db279c228ca78f4bfe825d2ddd


Express的html模板引擎有两种,默认是jade。

jade是基于Node.js的一种前端模板语言,有着极简的语法。eg:下图是jade官网首页的截图,左边是jade模板,右边是html。

f7d33888cbd73f476b800eb77a33188a59bb4054


也可以使用express -e来使用ejs模板:

lee@mypc ~/works/nodejs/study18 $ express -e express-demo2

   create : express-demo2
   create : express-demo2/package.json
   create : express-demo2/app.js
   create : express-demo2/public
   create : express-demo2/public/javascripts
   create : express-demo2/public/images
   create : express-demo2/public/stylesheets
   create : express-demo2/public/stylesheets/style.css
   create : express-demo2/routes
   create : express-demo2/routes/index.js
   create : express-demo2/routes/users.js
   create : express-demo2/views
   create : express-demo2/views/index.ejs
   create : express-demo2/views/error.ejs
   create : express-demo2/bin
   create : express-demo2/bin/www

   install dependencies:
     $ cd express-demo2 && npm install

   run the app:
     $ DEBUG=express-demo2:* npm start


Express-generator创建的项目目录:

326b9d24f6952a27cb49730d5f57803b088e85b4

  • bin:启动程序目录
  • node_modules:node.js依赖包目录
  • public:静态文件目录
  • routes:http路由目录
  • views:html模板目录
  • app.js:项目程序入口
  • package.json:项目配置文件


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值