1.使用Express创建Web项目服务端的详细教程

失眠产物,总结一下开发经验,windows10系统。

自用傻瓜式教程(doge)

小知识:

【node】
    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
    Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
    Node.js 的包管理器 npm,是全球最大的开源库生态系统。
【Express】
    是一个简单灵活的node.js Web应用框架
    提供了各种特性和丰富的Http工具
    可以快速搭建一个完整功能的网站
【Express-generator】
    Express的应用生成器
    可以快速创建一个Express的应用骨架

一、安装Node.js

1.进入Node.js官网下载并安装
参考教程:https://www.html.cn/qa/node-js/10635.html
因为教程存在书写过早的情况,建议安装步骤参考此教程,在选择node版本时使用官网推荐版本。

2.安装完成后,查看node版本号是否安装成功;

image

npm是随同node一起安装的包管理工具,检测npm是否安装

image

3.安装淘宝镜像(各种模块仓库在国外,下载很慢,npm下载地址改成淘宝镜像后,安装模块减少下载时间)

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

我已经安装过了,所以不展示执行过程。

二、安装Express

express是node平台下最常用的web应用开发框架
1.全局安装express
在命令提示符面板输入 npm install -g express

image

我已经安装过了,所以不展示执行过程。

2.全局安装express插件模块
在命令提示符面板输入 npm install -g express-generator

image

我已经安装过了,所以不展示执行过程。

3.查看express版本

image

三、创建项目

1. 在某个合适的空间新建一个项目文件夹 , 命名为Test
从命令提示符面板进入该文件夹

image

2.创建项目
express testServer

image

3.进入项目,安装依赖,启动项目

cd testServer

npm install

npm start,在浏览器输入localhost:3000(默认监听3000端口)

image
image

四、项目结构

image

bin:启动文件,以何种方式启动文件,默认为npm start
public:存放项目的静态文件,imagea/js/css等文件
routes:项目路由信息,控制地址路由
views:视图文件,模板文件jade等,相当于html
app.js:入口文件(主文件)
package.json:依赖的模板列表


tbc...

你可能感兴趣的:(1.使用Express创建Web项目服务端的详细教程)