前后端项目分离--项目搭建

一头探索java的孤狼

已于 2023-12-25 16:55:43 修改

阅读量49

点赞数 1

文章标签： java html5 vue

于 2023-11-07 20:38:27 首次发布

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

本文链接：https://blog.csdn.net/Melody_girl/article/details/134274155

版权

1.项目搭建

第一步：打开vue图形化页面，在新建的文件夹下打开命令界面输入cmd

在这里插入图片描述

第二步：在命令界面输入vue ui

在这里插入图片描述
打开界面如下：

第三步;创建步骤如下：

在这里插入图片描述

暂时关掉初始化：
![在这里插入图片描述](https://img-blog.csdnimg.cn/22c9d61052fe4d28a3820c6fadaa0a57.png

在这里插入图片描述

耐心等待一会，就创建成功啦！

第四步：在vscode中打开项目

在这里插入图片描述

项目结构：
在这里插入图片描述

第五步：运行项目

在这里插入图片描述
除了图形化运行我们也可以在终端写入npm run serve命令运行项目，如下图：

修改前端端口–配置端口

在这里插入图片描述

第六步：安装ElmentUI组件库

在这里插入图片描述

第七步：引入组件

在这里插入图片描述

在这里插入图片描述

第八步：去组件官网找代码！

官网地址：https://element.eleme.cn/#/zh-CN/component/quickstart
在这里插入图片描述
页面展示：

一头探索java的孤狼

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
前后端项目分离--项目搭建

第一步：打开vue图形化页面，在新建的文件夹下打开命令界面输入cmd第二步：在命令界面输入vue ui打开界面如下：第三步;创建步骤如下：暂时关掉初始化：耐心等待一会，就创建成功啦！第四步：在vscode中打开项目项目结构：第五步：运行项目。
复制链接

扫一扫

评论 1

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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