全栈项目-乐优商场-后台管理系统初始化

全栈项目-乐优商场-后台管理系统初始化

---

目录

---

---

内容

---

前端项目开发使用开发工具为vscode,相关常用主题，插件 等自行查阅相关文档。

0、相关组件或者库版本

组件或库版本为当前最新版本，这里只给出当前使用的组件或库，其他后续使用，后续介绍。详细如下：

包	版本	描述
vue	2.6.11	当前前端主流渐进式开发框架
vue-router	3.2.0	vue路由
vue-cli	4.4.4	vue脚手架
element-ui	2.13.2	前端UI框架
axios	2.6.11	前后端异步交互模块

1、项目初始化步骤

1. 安装Vue脚手架
2. 通过Vue脚手架创建项目
3. 配置Vue路由
4. 配置element-ui组件库
5. 安装依赖
6. 将本地项目托管到Github或者码云中

1.1、安装vue脚手架

npm i -g @vue/cli

1.2、通过脚手架创建项目

前面博文已经介绍过这里不再详述，传送门https://blog.csdn.net/gaogzhen/article/details/106979941

1.4、配置element-ui组件库

• 通过图形界面运行vue项目，命令行或者终端，运行

    vue ui
  

• 安装vue-cli-plugin-element：用于配置element-ui

  • 点击左侧’插件’选项卡，
  • 搜索vue-cli-plugin-element插件
  • 右下角，点击安装
  • 如图：

• 配置图示1.4-2：

1.5、安装依赖

以axios为例

• 点击左侧‘依赖选项卡’

• 点击右上角安装依赖

• 安装生成依赖

• 搜索输入axios

• 点击对应项，安装

• 图示1.5-1：

• 图示1.5-2：

1.6、将本地项目托管到Github或者码云中

• 初始化本地仓库，进入项目根目录，输入如下命令：

    git init
  

github为全球代码托管平台，但是我们访问会很慢（你懂的），所以我们使用国内的代码托管平台，gitee码云

• 新建乐优商城后台管理系统仓库ly-bms

• 图示1.6-1：

• 图示1.6-2：

接下来就是建立本地仓库和远程仓库的联系，跳转的页面内有详细教程
图示1.6-3：

cd demo1 //换成自己的项目目录
git add . // . 匹配当前项目下所以文件/文件夹
git commit -m "project init"
git remote add origin https://gitee.com/gaogzhen/leyou-bms.git //换成自己的
git push -u origin master // -u 创建远程仓库master分支并与本地master分子建立关联，只需初始化关联时添加

刷新页面，项目上传远程仓库成功。

关于公钥私钥绑定等其他问题自行百度，这里不再详述，仍然不懂的在来问。

至此，乐优商城前端后台管理系统初始化完成，下面正式开始开发项目。

后记 ：

本项目为参考某马视频开发，相关视频及配套资料可自行度娘或者联系本人。上面为自己编写的开发文档，持续更新。欢迎交流，本人QQ:806797785

前端项目源代码地址：https://gitee.com/gaogzhen/ly-bms
后端JAVA源代码地址:https://gitee.com/gaogzhen/ly-backend