1.1 提交与暂存

• git add .​ – 添加所有修改到暂存区
• git commit -m "提交信息"​ – 提交暂存区内容到本地仓库
• git status​ – 查看工作区和暂存区状态

1.2 撤销与回退

• git restore .​ – 丢弃工作区的所有修改
• git restore <file>​ – 丢弃指定文件的修改
• git reset --hard HEAD~1​ – 回退到上一次提交（危险操作）
• git reset --hard <commit-hash>​ – 回退到指定提交
• git reset --soft HEAD~1​ – 撤销上次提交但保留更改

二、历史查看

2.1 提交记录

• git log --oneline​ – 简洁形式查看提交历史
• git log dev​ – 查看dev分支的提交历史
• git log --oneline --graph --all​ – 图形化查看所有分支历史

2.2 操作记录

• git reflog​ – 查看所有操作历史（可恢复误删提交）

三、分支管理

3.1 分支操作

• git branch​ – 查看所有分支
• git switch develop​ – 切换到develop分支
• git switch -c new-branch​ – 创建并切换到新分支
• git branch -d <branch>​ – 删除指定分支

3.2 分支合并

• git merge develop​ – 将develop分支合并到当前分支
• git merge --no-ff develop​ – 非快进式合并（保留分支历史）

四、代码整合

4.1 变基

• git rebase master​ – 将当前分支变基到master分支
• git rebase -i HEAD~3​ – 交互式变基（合并/修改最近3次提交）

4.2 储藏

• git stash​ – 储藏当前工作区的修改
• git stash list​ – 查看储藏列表
• git stash pop​ – 恢复最新储藏并删除记录
• git stash apply​ – 恢复储藏但不删除记录
• git stash drop​ – 删除指定的储藏

五、清理操作

5.1 清理未跟踪文件

• git clean -f​ – 删除未跟踪的文件
• git clean -fd​ – 删除未跟踪的文件和目录
• git clean -n​ – 预览将被删除的文件
• git clean -nd​ – 预览将被删除的文件和目录

六、标签管理

• git tag v1.0​ – 创建轻量标签v1.0
• git tag -a v1.0 -m "版本说明"​ – 创建带注释的标签
• git tag​ – 查看所有标签
• git tag -d v1.0​ – 删除标签v1.0

🔧 实用技巧

1. 提交规范：尽量使用有意义的提交信息，遵循约定式提交
2. 安全操作：
   • 执行reset --hard前确保工作区已保存
   • 推送前先拉取远程更新避免冲突
   • 重要分支（如master/main）设置保护规则
3. 推荐工作流：

# 日常开发流程
git switch -c feature/xxx    # 创建功能分支
git add .                    # 添加修改
git commit -m "feat: 添加xx功能"
git switch main              # 切回主分支
git pull origin main         # 拉取最新代码
git switch feature/xxx       # 切回功能分支
git rebase main              # 变基到最新主分支
git switch main
git merge feature/xxx        # 合并到主分支

4. 常见问题解决：

• 提交了错误文件：使用git reset --soft撤销
• 提交信息写错：git commit --amend
• 分支合并混乱：git rebase整理历史

💡 温馨提示

• 定期使用git status查看状态
• 重要操作前做好备份
• 团队协作时及时拉取远程更新
• 合理使用.gitignore文件排除不需要版本控制的文件

使用Vite创建Vue 3项目的核心优势

🚀 极致的开发体验

1. 闪电般的启动速度

• 冷启动时间缩短10-100倍：Vite利用ES模块原生支持，无需打包即可启动开发服务器
• 按需编译：只编译当前屏幕显示所需的代码，而不是整个项目

2. 瞬间的热更新（HMR）

真正的按需更新：不重新加载整个页面，保持开发流程的连续性

毫秒级更新：HMR保持应用状态，只更新修改的模块

完整创建流程

第一步：环境准备

确保您的系统已安装Node.js（版本14.18+或16+）

下载地址：Node.js 中文网

# 检查Node.js版本
node --version

# 检查npm版本
npm --version

第二步：创建项目

先打开项目文件夹，然后在地址栏输入cmd，回车。在命令行输入第一个命令。

# 使用npm创建Vue项目（一般用这个）
npm create vue@latest

# 或者使用yarn
yarn create vue

# 或者使用pnpm
pnpm create vue

第三步：项目配置选项详解

执行命令后，您将看到一系列配置选项：

（ps：初学什么都不用勾，以后仍可安装）

✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add Cypress for both Unit and End-to-End testing? … No / Yes
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes

选项说明：

• TypeScript：添加TypeScript支持（推荐用于大型项目）
• JSX Support：启用JSX语法支持
• Vue Router：添加Vue官方路由管理器（SPA必需）
• Pinia：新一代Vue状态管理库（替代Vuex）
• Vitest：基于Vite的单元测试框架
• Cypress：端到端测试框架
• ESLint：代码质量检查工具
• Prettier：代码格式化工具

第四步：安装依赖并启动

# 进入项目目录（注意填自己的项目名）
cd your-project-name

# 安装依赖
npm install

# 启动开发服务器
npm run dev

最后：用编辑器打开此项目文件夹就可以进行编辑了！