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项目的具体结构。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171217G0AHP200?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励