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

        

          
        
        
        

          

          AI 代码解读
        
      
      

创建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

        

          
        
        
        

          

          AI 代码解读
        
      
      

安装依赖：

cd express-demo
npm install

        

          
        
        
        

          

          AI 代码解读
        
      
      

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

npm start

        

          
        
        
        

          

          AI 代码解读
        
      
      

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

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

也可以使用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

        

          
        
        
        

          

          AI 代码解读
        
      
      

Express-generator创建的项目目录：

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