前后端分离Springboot+vue 实现的博客系统(二)

本文详细介绍如何使用Node和Git创建Vue项目,包括环境配置、项目创建流程及必要依赖的引入,如axios、element-ui等。

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

2.创建Vue项目

1.必须安装Node,Git
这里不做过多介绍,将在其他博客中专门介绍Node和Git.

2.安装好Node和Git后在相关文件夹下,鼠标右键选择Git bash here如图进入如下界面
在这里插入图片描述
输入vue ui 并回车等待执行
在这里插入图片描述
打开浏览器输入localhost:8000(有时候启动完毕后浏览器会自动打开)
如下
在这里插入图片描述
点击更多,选择Vue项目管理器
在这里插入图片描述
在这里插入图片描述
选择创建
在这里插入图片描述
在名为HBprogram的文件夹下创建一个vue项目

在这里插入图片描述
命名为vue-blog
在这里插入图片描述
选择手动配置项目

在这里插入图片描述
选择Router、Vuex、不选择Linter/Formalter
在这里插入图片描述
最后点击创建项目
项目创建完毕。

引入依赖axios、element-ui、markdown-it、github-markdown-css、mavon-editor。

1.axios:提交请求的依赖
2.element-ui:网站快速构建工具
3.markdown-it、github-markdown-css、mavon-editor 与markdown编辑器有关插件。

在这里插入图片描述
在插件处选择插件,并选择添加插件,搜索element-ui,axios。此时我的项目管理器卡住了,暂时不能提供截图
也可以使用命令行工具安装element-ui
npm i element-ui -S

在依赖处选择添加依赖,搜索markdown-it、github-markdown-css、mavon-editor 。如上,因为我的项目管理器卡住了,也不能提供相关截图

我也不知道为什么突然就卡住了(尴尬)
vue项目依赖引入完毕

vue项目结构如下
在这里插入图片描述
此时vue项目构建完毕。
下一篇博客我将介绍mysql数据表的设计。

如有不对请指正,如果这篇文章对你有帮助点个赞吧

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值