【超详细】搭建一个VUE+Express前后端分离的开发环境

本文详述如何搭建一个Vue+Express的开发环境。首先介绍如何配置Express后台,包括安装Express、创建应用、安装依赖及发送GET请求。接着,搭建Vue环境,从安装vue-cli、创建Vue项目到启动项目,最后通过引入axios并尝试发送请求,但遇到跨域问题,尚未解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【前言部分】
Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架, 提供一系列强大特性帮助你创建各种Web应用
在这里插入图片描述
进入主题,搭建一个VUE+Express前后端分离的开发环境,需要确保安装了node
在这里插入图片描述

一、搭建后台Express环境

1、安装环境**

新建一个Express文件夹,之后的操作都在这个文件夹里操作,确保能找到你的项目
在这里插入图片描述
1.1、安装Express

在此右键点击打开cmd,输入npm install express --save命令

在这里插入图片描述
1.2、安装Express应用程序生成器

在打开的cmd中输入npm install -g express-generator命令
在这里插入图片描述
1.3、创建一个名称为 myapp 的 Express 应用

如下命令创建了一个名称为 myapp 的 Express 应用。此应用将在当前目录下的 myapp 目录中创建,并且设置为使用 Pug 模板引擎(view engine):
在这里插入图片描述
输入express --view=pug myapp命令后,会出现下图
在这里插入图片描述
1.4、进入myapp安装依赖

安装依赖
在这里插入图片描述
1.5、启动应用

输入set DEBUG=myapp:* & npm start命令
在这里插入图片描述

在浏览器中输入 http://localhost:3000/ 如下图,成功创建了一个express应用

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值