从零开始的NodeJs + VueJs (Express + ElementUI)的学习（second）

最新推荐文章于 2024-05-27 09:13:01 发布
最新推荐文章于 2024-05-27 09:13:01 发布
阅读量188 收藏
点赞数
文章标签： nodejs vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43890109/article/details/111590715
版权
这篇博客介绍了从零开始学习NodeJs+VueJs（Express+ElementUI）的步骤，包括软件安装：MongoDB、可视化界面、Node.js和VS Code的详细安装过程。
摘要由CSDN通过智能技术生成

换了学习资源，从B站看视频学习

NodeJs + VueJs (Express + ElementUI) 全栈开发王者荣耀手机端官网和管理后台

1、软件的安装

在这里插入图片描述

看up主用到的应该是这几个软件

（还有，自己安装vue cli）
npm install cnpm -g 更新当前的npm

1）mongodb：

在这里插入图片描述
msi是直接安装就能用的
zip是解压后才能弄的

听别的大神说不要直接安装可视化界面，可以后面自己安装
在这里插入图片描述
（虽然我没有他的那个Ignore）

2）mongodb可视化界面的安装

compass安装地址
解压后直接找exe文件运行即可
在这里插入图片描述

参考文章:MongoDB安装（超详细）

打开之前的mongodb文件，
在这里插入图片描述
启动后的样子
在这里插入图片描述

可视化界面的使用↓
在这里插入图片描述

打开→加载↓在这里插入图片描述
connect↓
在这里插入图片描述

3)node.js

直接百度node.js官网
在这里插入图片描述
直接安装可用（现版本把环境路径都弄好了，不需要人为配）

参考文章：NodeJS入门（一）—nodejs详细安装步骤

4）VS code

vscode下载地址
在这里插入图片描述
参考文章：VS code安装和使用技巧

软件下载部分弄完了，准备开始学习项目了

AAAAbbey
关注
从零开始的NodeJs + VueJs (Express + ElementUI)的学习
weixin_43890109的博客
12-22 189
从零开始学Vue.js 每种语言的学习开头都是 先配置好环境，安装 npm -v 查看当前npm的版本 npm install cnpm -g 更新当前的npm 在用 Vue.js 构建大型应用时推荐使用 NPM 安装： npm install vue 全局安装 vue-cli npm install --global vue-cli 创建一个基于webpack模板的新项目 vue init webpack my-project 项目的基本配置和设置 ? Project name text ? Pr
从零开始的NodeJs + VueJs (Express + ElementUI)的学习（third）
weixin_43890109的博客
01-11 228
项目初始化 分三个：服务端、管理端、移动端 1、创建server文件夹 mkdir server 2、用vue命令创建web文件夹 vue create web 3、用vue命令创建后台管理 vue create admin 4、初始化项目 初始化一个node的项目 进入server npm init -y 生成package.json （顺便在server里再新建一个文件作为入口文件 index.js） 在scripts里加入脚本↓ "serve": "nodemon index.js",
learnNode:我关于nodejs和vuejs的学习步骤
05-18
记录我学习node和vue的学习笔记。
先学node.js还是php,vue和node先学哪个？
weixin_42263617的博客
03-17 3917
vue和node应该先学习node，node可以为vue提供包管理工具和模块化管理，可以使vue的开发更加简单快速。所以应该先学习node。vue介绍：Vue.js是web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相...
node.js在vue之前学还是后面学
weixin_35749786的博客
02-13 658
这取决于个人学习偏好。如果您希望在学习前端框架之前先掌握服务端开发知识，那么在学习 Vue 之前学习 Node.js 可能是更好的选择。但如果您希望先学习前端技术，那么在学习 Vue 之后学习 Node.js 可能更合适。最终选择取决于您的学习目标和学习方法。 ...
express基础入门
蚂蚁搬砖
12-31 101
这里写目录标题一级目录二级目录三级目录 一级目录 二级目录 三级目录
vue+nodejs+express+mongoDB+elementUI 构建一个简单的CMS系统.zip
08-01
基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，适合用作毕业设计、课程设计作业等，项目均经过测试，可快速部署运行！ 基于node js、vue、mongodb等技术构建的web系统，界面美观，功能齐全，...
topfullstack:NodeJs + VueJs视频网站-
03-22
这个项目涵盖了从服务器端到客户端的完整开发流程，为开发者提供了学习和实践全栈开发技能的机会。 【描述】"顶全栈NodeJs + VueJs视频网站-源码"指的是该视频网站的源代码是公开的，允许用户下载、研究和修改，以...
毕业设计 （后台管理系统）：NodeJs + VueJs 前后端分离.zip
最新发布
07-12
毕业设计 （后台管理系统）：NodeJs + VueJs 前后端分离
topfullstack:NodeJs + VueJs全栈开发视频
03-23
NodeJs + VueJs全栈开发视频源码 网络端vue + bootstrap-vue + SSR 管理端vue + element ui app +小程序端vue + uni-app 服务端（管理端）nest.js + mongoDB 服务端（客户端）nest.js + mongoDB 启动命令： nest ...
基于vue全家桶nodejsexpressmysql实现的商城网站
08-10
基于vue全家桶 node.js express mysql实现的商城网站
php和vue有什么关系,node.js和vue.js什么关系
weixin_30323179的博客
03-19 265
node.js不是一门语言，不是库，不是框架，只是一个javeScript运行时环境简单的就是node.js可以解析和执行javeScript代码，以前只有浏览器可以解析执行JaveScript代码，现到的javeScript可以完全脱离浏览器来运行，一切都归功于node.js、nodejs构建于Chrome的V8引擎[目前解析执行JaveScript最快的]之上：代码只是具有特定格式的字符串而已...
vue基础和node.js，npm的学习，vue-cli
weixin_44860790的博客
07-26 1124
一、node.js的概念 什么是node.js？ nodejs不是一个js框架nodejs是js运行时，运行环境，类比java中jvm，简单的就是node.js可以解析和执行javeScript代码，以前只有浏览器可以解析执行JaveScript代码， 现到的javeScript可以完全脱离浏览器来运行，一切都归功于node.js、 nodejs构建于Chrome的V8引擎[目前解析执行Jave...
Vue.js入门 3_ES6和Node基础
抹不去你留下的唇印的博客
12-27 345
第1天ES6和Node基础 每日目标 了解 Nodejs 与浏览器中 JavaScript 的区别 掌握 Nodejs 模块使用的基本步骤 能够使用 npm 安装和卸载模块 理解本地安装与全局安装的区别 掌握 gulp 构建工具的基本使用 ES6 学习资料：http://es6.ruanyifeng.com/ ECMA（European Computer Manufacturers Association ）和 W3C 类似，主要负责制订和规范语言标准，所学的 JavaScript 就是在 ECMA
Javascript之Nodejs环境安装和基础入门【Vue框架前置基础】
AK Zzz的博客
11-25 542
如果你需要学习Vue框架,那么Nodejs框架前置是学习Vue框架之前必须了解的内容,这样也能够为你后续学习后续框架打下一定的良好基础.
Nodejs+Vue项目开发之Express使用（一）
Welcome KrityCat Honey
05-15 1026
这篇内容将给大家讲述Nodejs使用Express搭建项目的初期安装与使用 Node.js下载链接：http://nodejs.cn/download/ 初识Express Express是一个web应用程序开发框架，它的好处是能快速构建一个web应用。并且后期能结合Vue或React，搭建一个前后端分离的应用程序。 安装Express 我们在windows上Win+R，输入cmd，进入命令窗口输入下面命令安装Express生成器 npm install -g express-generator 安装
nodejs+vue+express师资管理系统
QQ58850198的博客
06-09 911
现代化建设对高素质技能型人才的迫切需求，提高人才培养质量，对高等教育提出了新的更高的要求。教师是教育的第一资源，是高等教育发展最根本的依靠力量。因此，对高等教育的新要求，首先就是对教师的要求。高等师资的培训工作，作为提高教师整体素质的重要途径之一，关乎到能否把高等教育办成为大众接受的优良教育，关乎到能否真正为社会经济的发展培养出合格的高素质技能型人才。 以下技术组合都可以安排定制 1.springboot_Vue java ssm mysql idea eclipse 2.nodejs+vue+expres
Nodejs+Vue项目开发之Express使用（二）
Welcome KrityCat Honey
05-22 574
Nodejs+Vue项目开发之Express使用（二）
nodejs+vue+koa+mongodb搭建一整套案例和原理
05-27 464
搭建一个使用 Node.js、Vue、Koa 和 MongoDB 的全栈应用涉及到前端界面、后端服务以及数据库的整合。以下是一个基础的项目搭建案例，以及一些关键概念的原理解释。 后端 (Koa + MongoDB) 初始化项目 在 目录中初始化 Node.js 项目并安装依赖。 设置 Koa 服务器 创建 MongoDB 模型 定义路由 控制器 前端 (Vue) 初始化项目 在 目录中初始化 Vue 项目并安装依赖。 修改 Vue 配置 创建 Vue 组件 原理 Node.js：提供了一
帮我写一篇基于nodejs+vuejs的商城系统实现详细设计
05-16
好的，以下是基于nodejs+vuejs的商城系统实现详细设计。 1. 前端设计 使用Vue.js框架搭建前端，实现用户浏览、购买商品等功能。需要实现的主要页面包括： - 首页：展示热门商品、促销活动等信息。 - 商品列表页：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值