vue学习6

最新推荐文章于 2025-04-05 20:45:09 发布

原创最新推荐文章于 2025-04-05 20:45:09 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #学习 #git

（一）、git工具引入

传统方案1.使用u盘，qq…
2.svn：集中式代码管理工具。代码对比。每次提交都会有记录，并且可以回滚代码（回到上一个版本）。无法离线工作
3.git：分布式代码管理工具

git客户端：
1.命令行
2.可视化

git命令：

git init 初始化本地仓库
git add 添加到暂存区
git status 查看git此时提交状态
git add .会将所有的文件添加上去
git log 查看提交记录
git reset --hard HEAD^ 回退上一个版本
git commit -m '第一次提交代码' 提交到本地仓库 -m后面加注释 
git push 添加到远程仓库
git reflog 会记录操作记录
git reset --hard 6位版本号 回退指定版本

git远程仓库：
1.自己配置远程仓库
2.公共的远程仓库，如：github，gitee

提交：第一次需要输入密码（第一次不能输错）
在这里插入图片描述
第二次提交可以直接使用：git push origin master

（二）、git两人协作

非冲突：
git clone 地址克隆获取项目（必须开通权限才能克隆）
git pull origin master 拉取最新代码和本地的合并
注意先提交到本地仓库再pull，防止自己的代码被覆盖

冲突：可以手动选择是否合并或者保留

（三）、git分支

git branch -a 查看分支
git checkout -b 新分支名字创建新的分支
git checkout 新分支名字切换到新的分支
在这里插入图片描述
git merge 合并分支
git push origin :aaa 删掉远程分支

（四）、vue项目git注意

不用自己创建git
git remote add origin aaa 添加源

（五）、开发流程/云服务器

迭代 > 提测 >上线 >迭代
每日的daily scrum。短会汇报进度

阿里云虚拟主机
可以使用远程桌面连接，输入公网ip进行登录。或网页登录进行操作

（六）、nginx上线

要放在英文目录下
启动前修改conf文件夹下的nginx.conf里的路径修改
启动：
在这里插入图片描述
停止服务器：

重新加载：

在服务器中启动项目，就可以通过ip端口直接访问
安全组要注意添加80端口

（七）、vue3

路由：
在这里插入图片描述
创建流程不变，选择变为vue3

react
1.类写法 this.
2.函数写法不支持状态和生命周期，支持属性

7.1 reactive

vue3 hooks -composition Api （没有this）

setup===生命周期

import {reactive} from 'vue'
setup(){
	//定义状态
    const obj=reactive({
        myname:"kerwin"
    }),
    //定义函数
    const handle=()=>{
    }
    return{
        obj,
        handle
    }
}