express

http://www.expressjs.com.cn/

第一步:

全局安装 express-generator:

$ npm install express-generator -g

-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)
        --no-view        use static html instead of view engine
    -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

http://www.expressjs.com.cn/starter/generator.html

第二步:在文件夹中生成express项目架构

express 项目名

第三步:安装依赖

cnpm install

第四步:起服务

npm start

访问:http://localhost:3000/

配置node-dev

node-dev是一个node.js开发工具,当文件被修改时,它会自动重新启动node进程。
使用介绍
1、安装

npm install -g node-dev

package.json
{
  "name": "express",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node-dev ./bin/www"
  },
  "dependencies": {
    "cookie-parser": "~1.4.3",
    "debug": "~2.6.9",
    "express": "~4.16.0",
    "http-errors": "~1.6.2",
    "jade": "~1.11.0",
    "morgan": "~1.9.0"
  }
}

1.创建Express应用
提示:养成好的学习习惯-----学会查阅官方手册,它是最好的资料。
http://www.expressjs.com.cn/starter/hello-world.html

步骤如下:
第一步,执行
$ cnpm install express --save

第二步,创建一个js文件,编写如下代码
在这里插入图片描述

第三步,执行js文件

在这里插入图片描述

第四步,在浏览器中使用 http://localhost:3000/ 访问,结果如下:
在这里插入图片描述

至此,完成第一个express应用,so easy!
在这里插入图片描述

注意点:
在使用第三方模块的时候,要注意 require的加载机制。针对第三方的模块,加载过程如下,首先在所写js目录下找node_modules文件夹,如果该文件夹中存在,则载入,如果没有,去找所写js的父目录中找,node_modules文件夹,如果该文件夹中存在,则载入,重复这个过程。如果一直找到根目录,都没有,则会报错。关于根目录,需要注意不同的操作系统,根目录有所不同,在windows下,最后就到某个磁盘,如D盘、E盘。

2.创建应用
(1).第一步,创建项目结构
格式:express 项目名称 (已有文件夹就可以直接使用 express 创建结构目录)
打开cmd窗口,进入自己的项目目录,如下:
在这里插入图片描述

(2).安装依赖包 (cd目录 && npm install)
看提示,当前只是创建了文件夹,并没有下载依赖包(node_modules)
进入myapp目录,如下:
在这里插入图片描述

使用npm install安装相应的依赖文件,如下:
在这里插入图片描述

此时,安装的依赖模块,会放在node_modules目录中,如下:
在这里插入图片描述

(3).启动应用 (npm start 或 node ./bin/www)

(4).浏览 (localhost:3000)
在浏览器中使用http://localhost:3000 访问即可:

在这里插入图片描述

2.项目结构分析
疑问:我怎么就知道它在3000端口监听呢? 我需要编写自己的代码,该从什么地方入手呢?

因此,我们很有必要,了解生成器到底干了些什么事情

(1).整体结构
项目结构说明如下:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值