node + express + mongodb 从0到1创建一个项目

曾经终败给现在 2023-06-24 06:23 121阅读 0赞

1.  第一步，安装`express`，可以通过 `npm i express -S` 或者是 `cnpm i express -S`命令进行安装  
    ![在这里插入图片描述][20191220235731582.PNG]
2.  第二步，安装`express`项目脚手架，可以通过 `npm i express-generator -g`或者是 `cnpm i express-generator -g` 命令进行安装  
    ![在这里插入图片描述][20191220235758977.PNG]
3.  第三步，通过`express`脚手架创建项目，可以通过 `express project -e` 命令进行创建项目，`project`为所创建项目的名称，可以任意命名  
    ![在这里插入图片描述][20191220235811506.PNG]  
    创建后，如图所示：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxNDA4MA_size_16_color_FFFFFF_t_70]
4.  第四步，切换到创建的脚手架项目 `project` 中，可以通过 `cd project` 进行切换  
    ![在这里插入图片描述][20191220235841438.PNG]
5.  第五步，为创建的项目 `project` 安装依赖`node modules` ，通过 `npm install`或者是 `cnpm install` 命令可以进行安装  
    ![在这里插入图片描述][20191220235855691.PNG]
6.  第六步，启动运行项目，通过 `npm start` 命令进行启动运行项目  
    ![在这里插入图片描述][20191220235902260.PNG]  
    启动后，如图所示：  
    ![在这里插入图片描述][20191220235920107.PNG]  
    在页面输入 `http://localhost:3000` ，如果出现 Express 就是说明项目创建成功，如图所示：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxNDA4MA_size_16_color_FFFFFF_t_70 1]
7.  第七步，在`node`项目中，为了能够实时监听代码的变化，当代码改变后，自动重启，我们可以安装 `nodemon` 工具，可以通过 `npm install nodemon -S`或者是 `cnpm install nodemon -S` 命令进行安装  
    ![在这里插入图片描述][20191220235947557.PNG]  
    在安装完以后，在 `package.json` 文件中进行下面的修改，将 `start` 下的 `node` 改为 `nodemon` 就可以了，如下所示

package.json :
    { 
     "name": "maoyanserver",
     "version": "0.0.0",
     "private": true,
     "scripts": { 
       "start": "nodemon ./bin/www"
     },
     "dependencies": { 
       "cookie-parser": "~1.4.4",
       "debug": "~2.6.9",
       "ejs": "~2.6.1",
       "express": "~4.16.1",
       "http-errors": "~1.6.3",
       "mongoose": "^5.8.1",
       "morgan": "~1.9.1",
       "nodemailer": "^6.4.2",
       "nodemon": "^2.0.2"
    }
    }

1.  第八步，可以在项目文件的根目录中，创建 `untils` 文件夹，在里面创建 `config.js` 文件，里面进行一些连接`mongodb`数据库代码的操作，在 `url` 中的 `test01` 为所连接指定的数据库的名称， 如下所示：

1.  第九步， 在 `app.js` 文件中进行引入文件，并且使用就可以了，如下所示：

var {  Mongoose  } = require('./untils/config.js');
    Mongoose.connect();

1.  第十步，开启连接`mongodb`数据库就可以了，我们可以使用 `Robo 3T` 这个工具，在 `mongodb-win32-x86_64-2008plus-ssl-4.0.9` 的 `bin` 目录下，开启两个 `cmd` 窗口， 输入 `mongod --dbpath E:\MongodbData\db` 命令，`E:\MongodbData\db` 为所要连接的存放数据的数据库文件夹，如图所示  
    ![在这里插入图片描述][20191221001102320.PNG]  
    然后在另一个 `cmd` 窗口输入 `mongo` 命令，如图所示：  
    ![在这里插入图片描述][20191221001117835.PNG]  
    最后，当看到 数据库连接成功，说明 `node + express + mongodb` 项目已经搭建成功了

[20191220235731582.PNG]: https://img-blog.csdnimg.cn/20191220235731582.PNG
[20191220235758977.PNG]: https://img-blog.csdnimg.cn/20191220235758977.PNG
[20191220235811506.PNG]: https://img-blog.csdnimg.cn/20191220235811506.PNG
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxNDA4MA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191220235826219.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxNDA4MA==,size_16,color_FFFFFF,t_70
[20191220235841438.PNG]: https://img-blog.csdnimg.cn/20191220235841438.PNG
[20191220235855691.PNG]: https://img-blog.csdnimg.cn/20191220235855691.PNG
[20191220235902260.PNG]: https://img-blog.csdnimg.cn/20191220235902260.PNG
[20191220235920107.PNG]: https://img-blog.csdnimg.cn/20191220235920107.PNG
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxNDA4MA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191220235926258.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjYxNDA4MA==,size_16,color_FFFFFF,t_70
[20191220235947557.PNG]: https://img-blog.csdnimg.cn/20191220235947557.PNG
[20191221001102320.PNG]: https://img-blog.csdnimg.cn/20191221001102320.PNG
[20191221001117835.PNG]: https://img-blog.csdnimg.cn/20191221001117835.PNG