首页 > 技术文章 > Node.js环境下通过Express创建Web项目

zhouhui231 2018-01-10 23:53 原文

通过Express命令创建项目

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。

使用 Express 可以快速地搭建一个完整功能的网站。

Express 框架核心特性:

  • 可以设置中间件来响应 HTTP 请求。

  • 定义了路由表用于执行不同的 HTTP 请求动作。

  • 可以通过向模板传递参数来动态渲染 HTML 页面。

 先看下Express的命令模式:

D:\nodejs_project\webappdemo>express -h

  Usage: express [options] [dir]


  Options:

        --version        output the version number
    -e, --ejs            add ejs engine support
        --pug            add pug engine support
        --hbs            add handlebars engine support
    -H, --hogan          add hogan.js engine support
    -v, --view <engine>  add view <engine> support (dust|ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
    -c, --css <engine>   add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
        --git            add .gitignore
    -f, --force          force on non-empty directory
    -h, --help           output usage information

  

 1、创建Express常用的模版引擎项目

1) jade模版引擎

D:\nodejs_project>express app

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

 

 知乎上有介绍jade的优点

jade模版引擎,语法简洁,Jade强制的缩进格式能凸显html的结构;
ade专为HTML设计,因此可以做许多传统模板做不到的专门针对html的优化。举个几个简单的例子:
  1). 决定如何输出属性(当属性赋值为null/false时不输出属性,为true时只需属性不需要值,这在传统模板里写起来很麻烦、代码难看易出错)
  2). 自动产生well-formed结构(甚至可决定是否要输出结束标签,而传统模板理论上也做不到这点,除非引入额外的html parse或tidy)
  3). 换行处理,避免产生额外的空白节点
  4). 对输出的变量自动进行特殊字符的encode

  

 2) ejs模版引擎

D:\nodejs_project>express webappdemo -e

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

 

 

 2、安装依赖包

D:\nodejs_project\webappdemo>npm install
npm notice created a lockfile as package-lock.json. You should commit this file.
added 57 packages in 17.975s

  

3、启动服务

D:\nodejs_project\webappdemo>npm start

> webappdemo@0.0.0 start D:\nodejs_project\webappdemo
> node ./bin/www

GET / 200 10.670 ms - 207
GET /stylesheets/style.css 200 5.965 ms - 111

  

  

4、打开浏览器,输入localhost:3000

 

推荐阅读