Vue实战之 2. 项目初始化

1. 前端项目初始化步骤

  1. 安装 Vue 脚手架
  2. 通过 Vue 脚手架创建项目
  3. 配置 Vue 路由
  4. 配置 Element-UI 组件库
  5. 配置 axios 库
  6. 初始化 git 远程仓库
  7. 将本地项目托管到 Github 或 码云 中

具体步骤如下:

1. 前端项目的环境安装配置:

在这里插入图片描述1. 之后就会启动gui面板,通过可视化的形式来创建vue项目:

在这里插入图片描述
2. 点击创建按钮,选择项目的存放路径:

在这里插入图片描述
3. 填写项目名称,再点击“下一步”:
在这里插入图片描述
4. 选择“手动”:

在这里插入图片描述
在这里插入图片描述
5. 进行配置:
在这里插入图片描述

点击创建项目后,可以保存预设也可以不保存。

  1. 项目创建成功:
    在这里插入图片描述

7、 安装并且配置 Element-UI

在这里插入图片描述

在这里插入图片描述
8. 配置 axios 库:

在这里插入图片描述

在这里插入图片描述9.进入 gitee,创建仓库:

在这里插入图片描述
10. 先提交到本地仓库,再推送到远程仓库:

在这里插入图片描述在这里插入图片描述
11. 刷新gitee的页面,就能看到仓库了:

在这里插入图片描述

2. 后台项目的环境安装配置:
  1. 安装 MySQL 数据库
  2. 安装 Node.js 环境
  3. 配置项目相关信息
  4. 启动项目
  5. 使用Postman 测试后台项目接口是否正常

1.用navicat导入.sql文件,刷新得到:

在这里插入图片描述
2.使用npm install 安装依赖包:

在这里插入图片描述
3.再用node app.js 命令运行:

在这里插入图片描述

4.用postman测试接口:

在这里插入图片描述

token 是用来进行登录状态保存的

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值