项目步骤

前端项目初始化步骤:

  1. 安装 vue 脚手架(全局安装一次就可以一直使用)
  2. 通过 vue 脚手架创建项目
  3. 配置 vue路由
  4. 配置 element-ui 组件库
  5. 配置 axios 库
      可视化的=>(windows + r 打开运行面板 输入 cmd,在终端 vue ui)
      命令式的=>
      • cmd创建项目 
      • 初始化git,用到的功能Babel,Router,使用配置文件(比如在'.babel.rc'文件中)
      • 按装插件 element-ui
      • 配置axios插件依赖
  6. 初始化 git 远程仓库
  7. 将本地项目托管到 github 或者 码云 中 (码云比github快)

    码云地址:gitee.com(账号1801109密码123222),

           添加公钥SSH(点击头像,设置,左侧栏SSH,点击生成公钥)

           添加公钥步骤:打开cmd

                  ssh-keygen -t rsa -C "1135664916@qq.com"

                  三次回车完成ssh key

                  查看~/.ssh/id_rsa.pub文件内容,获取 public key公钥,然后复制过来贴在添加公钥的栏里(标题栏 可以自己改)

                  测试能不能用: ssh -T git@gitee.com(首次使用需要确认,再测试一次,如果出来hi xxx!……就表明添加成功了)

    创建仓库:gitee.com官网头像旁边的+号,新建仓库

           仓库名称:(不能重复),将使用Readme文件初始化这个仓库的✅去掉,点击创建

          

        出现这个页面就显示创建成功了,打开cmd 执行全局设置的那两行

        如果已经创建了项目,就在项目文件中进行 powershell 打开终端 先查看一下 git status状态,如果有需要提交的 git add .  再 git commit -m 'add',再检查一下状态 git status,先 cd 到项目根目录 再进行 最下面的第二行命令,再执行最后一行命令(会让你输入码云的用户名和密码),完事了再码云的远程仓库中点击刷新,页面刷新了有提交信息了就成功了。

后台项目的环境配置:vue_api_server 这个文件就是后台 api 项目

    1. 安装 MySQL 数据库  (安装phpStudy,只运行MySQL就好,再倒入数据库[vue_api_server文件夹中/db/mydb.sql脚本文件]----还原数据库名称要和mydb这个名称一致,查看数据库是否还原了--->mysql工具->打开数据库目录->mydb->里面有对应的文件就表明还原完成了)
    2. 安装 Node.js 环境
    3. 配置项目相关信息(在 vue_api_server 文件上 powershell 打开终端 输入  npm install  来安装所有的依赖项,cls 是清屏,用 node app.js 来跑 postman 接口项目,查看接口可以在 素材 电商管理 API 接口文档中看)
    4. 启动项目
    5. 使用 postman(改名了Apifox) 测试后台项目接口是否正常,入如下图👇在Apifox中点击开发环境右边的三条杠,查看默认服务地址是否跟 window 的 IP一致(因为wifi的热点的ip地址不一样,所以要看情况更改ip地址)

 

 

登陆界面:el-form,el-form-item,el-input,el-button

  在IDE里面打开终端创建分支:git checkout -b login

  查看当前分支:git branch

 IDE中进行梳理:main.js是整个项目的入口文件

        App.vue根组件

        router.js路由文件

        assets 全局样式文件

安装less-louder,less,axios

posted @ 2024-03-23 20:25  “好”久不见  阅读(6)  评论(0编辑  收藏  举报