【Vue前后端分离开发】

最新推荐文章于 2024-10-04 00:46:18 发布

一头探索java的孤狼

最新推荐文章于 2024-10-04 00:46:18 发布

阅读量37

点赞数 1

文章标签： vue.js 前端 javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/melody_girl/article/details/134201994

版权

vue脚手架

在这里插入图片描述

下载nodejs后：配置NodeJS

在这里插入图片描述

在这里插入图片描述

5.切换npm的淘宝镜像

在这里插入图片描述

6.安装vue-cil（脚手架）

前端工程化 -Vue项目

创建项目：

两种方法，现采用第二种

在管理员mi

创建项目时的选项：
在这里插入图片描述

在这里插入图片描述

vue项目-项目结构

创建项目：

两种方法，现采用第二种
在这里插入图片描述
在管理员命令界面

创建项目时的选项：

在这里插入图片描述

在这里插入图片描述

vue项目启动

在这里插入图片描述

1.新建终端
在这里插入图片描述

2.执行npm run serve
在这里插入图片描述

3.打开链接
在这里插入图片描述

在这里插入图片描述

4.修改前端vue8080端口

port更改端口号

在这里插入图片描述

1.输入代码，在终端将原来的停掉
在这里插入图片描述

2.重新运行

在这里插入图片描述

3.进入链接
在这里插入图片描述

一头探索java的孤狼

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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