Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >mongoDB入门教程四:安装Node+express环境支撑

mongoDB入门教程四:安装Node+express环境支撑

作者头像
王小婷
发布于 2025-05-18 08:10:25
发布于 2025-05-18 08:10:25
11400
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行
5640239-090da0763996e2a6.png
5640239-090da0763996e2a6.png

mongoDB搭建完成之后,可以做很多小的项目,常见的又搭建简易的登陆系统,搭建博客等等,最重要的支持就是要用到Node+express,所以顺便把这些也写一写,接下来要做的是一个基于mongoDB+Node+express搭建的登陆注册的后台管理系统流程示例。

官方教程:http://www.runoob.com/nodejs/nodejs-tutorial.html

1:安装node

端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。

5640239-f49d5024e96b3fe7.png
5640239-f49d5024e96b3fe7.png
2:查看node的版本号

下载好node之后,以管理员身份打开cmd管理工具,,输入 node -v ,回车,查看node版本号,出现版本号则说明安装成功。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
输入命令: node -v
5640239-813e249f72f4d172.png
5640239-813e249f72f4d172.png
3:安装淘宝npm镜像

进入D盘(当然可以根据你自己的选择来安装路径)全局安装镜像。由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue. 淘宝的cnpm命令管理工具可以代替默认的npm管理工具。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功之后显示如下

5640239-d5d3317eea5f4a1d.png
5640239-d5d3317eea5f4a1d.png
4:开始安装express插件模块

进入D盘,输入命令,全局安装express,我们知道-g也就是global全局的意思。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install -g express-generator
5640239-8e1927713661ee47.png
5640239-8e1927713661ee47.png

全局安装完成之后,可以看到D盘里面多出的express文件

5640239-e5217abf49644ffd.png
5640239-e5217abf49644ffd.png
5:创建一个项目
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
创建项目的命令      
express myapp
5640239-b844cd522f8e20d6.png
5640239-b844cd522f8e20d6.png

创建完成之后,可以看到d盘多出一个项目

5640239-9c50399ae357eac9.png
5640239-9c50399ae357eac9.png
5640239-733a0c1a7ba808fb.png
5640239-733a0c1a7ba808fb.png
6:进入项目,在项目里面安装依赖
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
cd myapp
npm install
5640239-1cc2ffc9e43fbb29.png
5640239-1cc2ffc9e43fbb29.png

我们可以看到项目里面多了两个依赖文件

5640239-38e81dde791e1e1c.png
5640239-38e81dde791e1e1c.png
7:启动项目

npm start

5640239-f1228a6b3ad9bdcf.png
5640239-f1228a6b3ad9bdcf.png
8:安装成功

打开浏览器,输入http://localhost:3000/。可以看到这个界面,说明安装成功。

5640239-51970f68e94af243.png
5640239-51970f68e94af243.png

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-01-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
mongoDB从入门到实战全套小白教程
MongoDB 是一个基于分布式文件存储的数据库, 是一个介于关系数据库和非关系数据库之间的产品。很久之前就已经学习过这个知识点,现在终于在工作之中用到,又重温了一遍,有点感到小幸运,庆幸自己还记得入门的时候的一些操作,现在用起来才不至于生疏。
王小婷
2019/02/27
2.8K0
基于mpvue框架的小程序项目搭建入门教程一
端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。
王小婷
2025/05/18
1050
基于mpvue框架的小程序项目搭建入门教程一
Vue框架Element UI教程-安装环境搭建(一)
Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,手机端有对应框架是Mint UI 。
王小婷
2025/05/18
5590
Vue框架Element UI教程-安装环境搭建(一)
本地运行github上的vue2.0仿饿了么webapp项目
在vue刚刚开始流行的时候,大多数人学习大概都见到过这样的一个项目吧,可以作为学习此框架的一个模板了
王小婷
2025/05/18
520
本地运行github上的vue2.0仿饿了么webapp项目
本地运行github上的vue2.0仿饿了么webapp项目
在vue刚刚开始流行的时候,大多数人学习大概都见到过这样的一个项目吧,可以作为学习此框架的一个模板了
王小婷
2018/09/26
1.1K0
本地运行github上的vue2.0仿饿了么webapp项目
微信小程序wepy框架入门教程(一)
端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,WePY借鉴了Vue.js(后文简称Vue)的语法风格和功能特性,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。
王小婷
2019/03/04
3.3K2
微信小程序wepy框架入门教程(一)
Vue移动端框架Mint UI教程-搭建环境引入框架(一)
今天具体说一说比较常用的;Mint UI框架的按钮组件,Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。
王小婷
2019/03/22
3.1K0
Vue移动端框架Mint UI教程-搭建环境引入框架(一)
十分钟上手-搭建vue开发环境(新手教程)
想写一些关于vue的文章已经很久了,因为这个框架已经火了很久,在公司里用的框架都比较老旧,但怎么也得跟上前端发展变化的潮流,这不,开始使用vue开发项目了,一遍开发一边踩坑中,今天要记录的是五分钟搭建vue开发环境,运行GitHub上的开源项目。步骤很简单,只是在搭建环境的过程中会遇到各种各样奇怪的报错,十分让人头疼。
王小婷
2025/05/18
4550
十分钟上手-搭建vue开发环境(新手教程)
十分钟上手-搭建vue开发环境(新手教程)
想写一些关于vue的文章已经很久了,因为这个框架已经火了很久,在公司里用的框架都比较老旧,但怎么也得跟上前端发展变化的潮流,这不,开始使用vue开发项目了,一遍开发一边踩坑中,今天要记录的是五分钟搭建vue开发环境,运行GitHub上的开源项目。步骤很简单,只是在搭建环境的过程中会遇到各种各样奇怪的报错,十分让人头疼。 1:安装node 端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/
王小婷
2018/05/31
7.2K0
Vue移动端框架Mint UI教程-搭建环境引入框架(一)
今天具体说一说比较常用的;Mint UI框架的按钮组件,Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。
王小婷
2025/05/18
790
Vue移动端框架Mint UI教程-搭建环境引入框架(一)
微信小程序wepy框架入门教程-搭建开发环境(一)
端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,WePY借鉴了Vue.js(后文简称Vue)的语法风格和功能特性,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。
王小婷
2025/05/18
430
微信小程序wepy框架入门教程-搭建开发环境(一)
Vue项目从搭建环境到打包上线
端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。
王小婷
2019/05/14
2.1K0
Vue项目从搭建环境到打包上线
Mint UI入门系列教程
今天具体说一说比较常用的;Mint UI框架的按钮组件,Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要
王小婷
2019/05/14
3.6K0
Mint UI入门系列教程
详解如何在vue项目中引入饿了么elementUI组件
在开发的过程之中,我们也经常会使用到很多组件库;vue 常用ui组件库: https://blog.csdn.net/qq_36538012/article/details/82146649
王小婷
2018/09/26
6.1K0
详解如何在vue项目中引入饿了么elementUI组件
Vue框架Element UI教程-安装环境搭建(一)
Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,手机端有对应框架是Mint UI 。
王小婷
2019/05/14
8.5K0
Vue框架Element UI教程-安装环境搭建(一)
详解如何在vue项目中引入饿了么elementUI组件
在开发的过程之中,我们也经常会使用到很多组件库;vue 常用ui组件库: https://blog.csdn.net/qq_36538012/article/details/82146649
王小婷
2025/05/18
2020
详解如何在vue项目中引入饿了么elementUI组件
Node的安装与环境变量的配置
1 .msi和.zip格式区别: 2 a、.msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi就是Windows installer的数据包,把所有和安装文件相关的内容封装在一个包里。 3 b、.zip是一个压缩包,解压之后即可,不需要安装。
别先生
2020/04/24
1.8K0
Node的安装与环境变量的配置
一步一步安装及配置 Node.js 与 NPM
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 我们如果想愉快的使用 JavaScript 做一些东西,node.js 是必须安装的工具。
白墨石
2021/01/13
1.5K0
一步一步安装及配置 Node.js 与 NPM
基于mpvue的小程序项目搭建的步骤步骤1. 检查下 Node.js 是否安装成功
mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架,按官网说可以达到小程序与H5界面使用一套代码。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为 H5,mpvue 将是十分契合的一种解决方案。 Mpvue官网:http://mpvue.com/ demo地址 :https://github.com/ccwyn/mpvuedemo/tree/master/my-pr
王小婷
2018/05/31
1.2K0
vue2.0 + element-ui 实战项目- 搭建环境(一)
vue2.0官方网站:http://caibaojian.com/vue/guide/installation.html element-ui官方网站:https://element.eleme.cn/#/zh-CN
王小婷
2020/10/30
6.9K0
vue2.0 + element-ui 实战项目- 搭建环境(一)
推荐阅读
相关推荐
mongoDB从入门到实战全套小白教程
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验