Express全系列教程之(一):Express的安装 和第一个程序

前言

  ndoe.js,一个基于javsscript运行环境的服务器语言,它的出现使得javascript有能力去实现服务器操作。在gitHub上ndoe.js的star数已接近6万,可见其受欢迎程度;而基于node.js的Express则把原先的许多操作变的简单灵活,一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。
express官方网址:www.expressjs.com.cn

  

Express的安装方式

Express的安装可直接使用npm包管理器上的项目,在安装npm之前可先安装淘宝镜像:

npm install -g cnpm --registry=https://registry.npm.taobao.org

这样我们使用cnpm的来代替npm,这使得下载速度提高很多;其次你需要在你项目目录下运行以下指令来初始化npm,期间所有提示按enter键即可,这会生成package.json,它是用于描述项目文件的。

cnpm init

再输入

cnpm install

这下项目目录中又会多出一个叫node_modules文件夹,里面是node.js为我们提供的模块,当然现在没有。接下来便是真正的安装express了,执行:

cnpm install express --save

这时,我们看到node_modules文件夹多了许多不同版本的应用文件夹,接下来执行:

express --version

查看express是否安装成功,如果显示版本号,则安装正确。

Express脚手架的安装

安装Express脚手架有两种方式:

1、使用express-generator安装

  使用命令行进入项目目录,依次执行:

cnpm i express-generator

  可通过express -h查看命令行的指令含义

express -h
Usage: express [options] [dir]

  Options:

        --version        输出版本号
    -e, --ejs            添加对 ejs 模板引擎的支持
        --pug            添加对 pug 模板引擎的支持
        --hbs            添加对 handlebars 模板引擎的支持
    -H, --hogan          添加对 hogan.js 模板引擎的支持
    -v, --view <engine>  添加对视图引擎(view) <engine> 的支持 (ejs|hbs|hjs|jade|pug|twig|vash) (默认是 jade 模板引擎)
        --no-view        创建不带视图引擎的项目
    -c, --css <engine>   添加样式表引擎 <engine> 的支持 (less|stylus|compass|sass) (默认是普通的 css 文件)
        --git            添加 .gitignore
    -f, --force          强制在非空目录下创建
    -h, --help           输出使用方法

  创建了一个名为 myapp 的 Express 应用,并使用ejs模板引擎

express --view=ejs app

  进入app,并安装依赖

cd myappnpm install

   在Windows 下,使用以下命令启Express应用:

set DEBUG=app:* & npm start

  在 MacOS 或 Linux 下,使用以下命令启Express应用:

DEBUG=app:* npm start

  app文件夹下的目录结构

  http://localhost:3000/启用后页面

2、使用 express 命令 来快速从创建一个项目目录

express 项目文件夹的名字 -e
如 使用命令行进入项目目录,依次执行:

express app -e
cd app
cnpm install

这时,你也可以看到在app文件夹下的文件结构;
bin: 启动目录 里面包含了一个启动文件 www 默认监听端口是 3000 (直接node www执行即可)

node_modules:依赖的模块包
public:存放静态资源
routes:路由操作
views:存放ejs模板引擎
app.js:主文件
package.json:项目描述文件

第一个Express应用“Hello World”

在这里,我们不使用npm构建的脚手架,而是向最开始那样直接在主目录中新建一个app.js文件。

在app.js中输入:

const express = require(‘express‘);		//引入express模块
var app=express();		//express()是express模块顶级函数

app.get(‘/‘,function(req,res){		//访问根路径时输出hello world
	res.send(`<h1 style=‘color: blue‘>hello world</h1>`);
});

app.listen(8080);		//设置访问端口号

  命令行进入项目文件夹后,键入

node app.js

  即已开启服务器,接下来只需在浏览器中运行 http://localhost:8080/  就可以访问到服务器得到响应后的数据

总结

第一章的内容就是让大家稍微认识一下express和它的安装方法,为以后学习提供更好的铺垫。另外小伙伴们如果有什么问题也可以留言给我,我也会耐心回答各位的问题(*^▽^*)

原文地址:https://www.cnblogs.com/lpxj-blog/p/10651728.html

时间: 2024-10-05 20:49:11

Express全系列教程之(一):Express的安装 和第一个程序的相关文章

【【分享】深入浅出WPF全系列教程及源码 】

因为原书作者的一再要求,在此声明,本书中的部分内容引用了原书名为<深入浅出WPF>的部分内容,假设博文不能满足你现有的学习须要,能够购买正版图书! 本人10月份提出离职,可是交接非常慢,预计年底才会交接完,趁着交接之际,自学了一下WPF,由于这是微软未来的发展趋势,自WIN7以来包含前不久公布的WIN8,核心还是WPF,在此,将自己的学习成果做一个总结,同一时候将自己学习积累的东西和广大博友分享,希望大家能共同进步.在文章的结尾我会将全系列的源码地址提供给大家,有须要的朋友能够下载下来自己研究

Tensorflow简易系列教程(一):安装和运行

Tensorflow 简易系列教程(一):安装和运行 TensorFlow 是谷歌开发的机器学习框架. 安装 TensorFlow 直接使用 pip 安装即可,添加豆瓣镜像可以加快速度: pip install tensorflow -i https://pypi.douban.com/simple 如果有 GPU 可以充分利用,安装: pip install tensorflow-gpu -i https://pypi.douban.com/simple 目前我使用的 TensorFlow 版

【分享】深入浅出WPF全系列教程及源码

本人10月份提出离职,可是交接非常慢,预计年底才会交接完,趁着交接之际,自学了一下WPF,由于这是微软未来的发展趋势,自WIN7以来包含前不久公布的WIN8,核心还是WPF,在此,将自己的学习成果做一个总结,同一时候将自己学习积累的东西和广大博友分享,希望大家能共同进步.在文章的结尾我会将全系列的源码地址提供给大家,有须要的朋友能够下载下来自己研究研究.由于之前申请WPF博客专栏一直没有申请下来,所以用一篇文章来结束我的学习,同一时候也给初学的人提供一个学习文件夹,提高学习效率,废话不多说,直接

Provisioning Services 7.8 入门系列教程之二 基础环境安装

续Provisioning Services 7.8 入门系列教程之一 部署学习环境介绍 一.建立Windows Server 2012 R2虚拟机母盘. 1.在Hyper-V首先建立一台虚拟机,安装Windows Server 2012 R2,并进行相关设置后,关闭计算机. 2.设置上面所建立的虚拟机的虚拟磁盘的文件属性为"只读",作为以后建立相同操作系统虚拟机的母盘. 二.基础环境安装 计算机名:DDC(取这个名称是为了满足Citrix许可服务器安装的需要,因为笔者从CitRix网

【分享】深入浅出WPF全系列教程及源代码

来源:http://blog.csdn.net/yishuaijun/article/details/21345893 本来想一篇一篇复制的.但是考虑到别人已经做过了,就没有必要了吧,就给大家一个目录吧 前言:WPF之What&Why WPF之XMAL----XMAL概览 WPF之从0开始学习XMAL WPF学习---系统的学习XAML语法 WPF学习之X名称空间详解 WPF学习之控件与布局 WPF之Binding深入探讨 WPF学习之深入浅出话属性 WPF之深入浅出话事件 WPF学习之深入浅出

跨平台移动开发phonegap/cordova 3.3全系列教程-百度云推送push

消息推送-百度push 选择百度云推送理由:专业.稳定.免费(Google GCM在国内有时无法正常使用) 打开网址,注册开发者帐号,登入. http://developer.baidu.com/bae/ 此处API key与Secret Key后面要用到,可以先复制到记事本中备用. 下载,在手机上安装apk客户端,打开PushDemo. 然后在开发者中心测试推送消息 如图: 此时手机端会收到推送的消息 如何集成到phonegap/cordova 添加插件cordova plugin add c

vagrant系列教程(一):vagrant的安装与初识(转)

[参考]https://github.com/astaxie/go-best-practice/blob/master/ebook/zh/01.1.md 阅读目录 下载一个合适的box 完成一个box的安装 ssh链接到安装的虚拟机 原文:http://blog.csdn.net/hel12he/article/details/51069269 一个月没有更新过了.三月份终于把设计模式看完了,自己也写了一些设计模式的基础代码.也用到了几个设计模式到自己的项目中. 今天当然不是来说设计模式的,先说

Provisioning Services 7.8 入门系列教程之三 安装并配置 Provisioning Services

续Provisioning Services 7.8 入门系列教程之二 基础环境安装续 Provisioning Services 解决方案 Provisioning Services 流技术推送技术允许从单个共享磁盘映像实时地置备或重新置备计算机. 在这一过程中,管理员完全无需管理和修补各个系统, 所有映像管理均在主映像上完成. 每个系统的本地硬盘可以用来实现运行时数据缓存,在某些情况下,还可以完全从系统中移除,从而降低电力消耗.系统故障率和安全风险.Provisioning Services

Provisioning Services 7.8 入门系列教程14篇全部完成了.....

经过近期一段时间的努力,Provisioning Services 7.8 入门系列教程14篇全部完成了-- Provisioning Services 7.8 入门系列教程之十四 UEFI支持和BOOTPTAB 编辑器 2016-05-14 Provisioning Services 7.8 入门系列教程之十三 使用 Boot Device Management(BDM)2016-05-13 Provisioning Services 7.8 入门系列教程之十二 实现高可用性 2016-05-