webapp学习-创建express项目

第一节-创建express项目

本系列准备学习做一个webapp，技术选择了express做为web框架，vue为界面框架，mongodb为项目数据库，本节熟悉一下创建express项目的流程先。

什么是express

Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。

（抄的官网的说法）

废话不说，是骡子是马先拉出来溜溜，下面就来创建一个express项目

创建express项目

环境准备

开干之前先检查下环境是否具备，因为express是基于Node.js的，先检查下

Node.js是否已经正常安装，输入如下命令：

如果正常安装，会输出Node.js的版本信息，如下：

版本有点低，不过无所谓了。

如果提示"node"不是内部或者外部程序之类的错误，那就需要检查Node.js环境是否正常

安装了，可参考Nodejs安装

项目创建

1.本机安装express

2.找一个舒心的路径，创建一个文件夹

3.初始化express项目

创建成功，输出如下信息

可以看到，自动创建了好多文件夹和文件，并给出了两个执行命令，各个文件的作用后面具体介绍，先看下两个命令。

从字面意思可以看出，说的是安装需要进入项目文件夹并执行npm install。

这个命令是安装express项目需要的依赖包的，马上我们会用到。

这个意思就比较明显了，运行这个项目需要执行的命令。命令的具体含义先无视，用到拷贝就是。

ok,到此一个基本的express项目已经创建完毕，下面来启动一下项目看看效果。

项目启动

在这里需要注意一点，拿到一个基于Nodejs的项目，在启动前，首先需要装载项目

的依赖包。进入项目文件夹中，执行

执行成功，输出如下信息(下面信息显示不全)

到此，一切准备就绪，输出如下命令，启动项目

ok，打开浏览器访问localhost:3000或127.0.0.1:3000看看效果吧。

结束语

本节先熟悉了express项目的创建与启动，下节学习express项目的具体结构。