新建node.js的Express框架实例及相关讲解

目录

1.前言

2.新建Express框架实例的步骤

3.拓展

---

1.前言

主要讲解如何在windows下使用npm工具新建一个Node.js的Express项目实例，同时对Express项目框架的文件夹和自动生成的代码做一些初步的介绍，在这里假设你已经配置了Node.js并安装好了Express生成器。

 

2.新建Express框架实例的步骤

• 新建文件夹以专门存放类似的Express框架示例项目，例如以下路径：

   设置专门的文件路径主要是为了方便后期管理。接着打开windows命令行并进入到该文件路径下(不知道如何在CMD中切换文件夹路径的朋友可百度)。

• 进入该路径后输入第一句命令

express --view=pug ajanm_first_app
//该语句的作用是在当前目录下新建一个名为“ajanm_first_app”文件夹，
//并创建一个同名的express项目，将项目的所有内容都放在该文件夹中

   输入后如下图所示，系统开始为我们生成该项目。

   它会在我们指定的“C:\Users\Karry\Desktop\soft-and-hard-master\test”路径下创建“ajanm_first_app”文件夹并创建一个同名的express项目，将项目的所有内容都放在该文件夹中，如下所示。

   我们主要注意里面的package.json文件，该文件中指定了一些基本模块，如下所示。

   接着使用如下命令进入到项目文件夹下。 

cd ajanm_first_app
//ajanm_first_app是项目名，根据自己情况进行修改

   再输入以下命令进行相关模块依赖的安装 ,安装的内容清单就是由上面的package.json中的“dependencies”里的内容

npm install

    安装完成后，如下所示，新增一个node_modules文件夹，里面存放的是项目的相关依赖

     此时输入以下命令，进行项目的运行。

SET DEBUG=ajanm-first-app:* & npm start

 项目的默认端口为“3000”，运行成功后使用localhost:3000即可访问该项目。

3.拓展

•   在nodejs中默认使用jade模板引擎，直接在命令行中输入express，就会在该路径下直接生成一个express项目。

 

 

•   也可使用ejs引擎，对应代码如下所示

express --view=ejs ajanm_first_app
//ejs也是node.js中一框常用的模板引擎

• --save：将保存配置信息到pacjage.json。默认为dependencies节点中。

    如下代码，在项目中安装nodemon，在执行该命令时首先保证在命令行下进入到项目路径下。

npm install nodemon --save
//安装nodemon

    安装完成后，如下，package.json中新增了方框所示内容.