小白历险记01-2023/11/19

错误01：node的版本没有注意，后来进行了升级

---

搭建第一个 Vite 项目#

兼容性注意

Vite 需要 Node.js 版本 >= 12.0.0。

使用 NPM:

$ npm init vite@latest

错误2：升级后还是无法创建项目vite，是因为npm 

---

解决方法：

错误3：npm版本和node版本不兼容 

---

 1.检查 Node.js 版本：

确认你的 Node.js 版本是否符合 Vite 的要求。Vite 要求 Node.js 版本至少为 14.0.0。你可以使用以下命令检查 Node.js 版本：

node-v

2. 安装对应的node版本

1. 首先安装 nvm，可以参考 nvm 的官方文档：GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions
   • 安装完成后，运行以下命令安装 Node.js 20.5.0：

     nvm install 20.5.0
     

   • 接着设置该版本为默认版本：

     nvm use 20.5.0

安装完成后，你就可以使用 Node.js 20.5.0 版本来运行你的项目了。如果你遇到任何问题或有其他疑问，请随时向我提问。

知识点1：vite的优势

1.启动本地开发服务器会很久

vite从依赖打包盒源码打包两个方面提升性能

• 依赖：使用esbuild，esbuild使用Go语言编写，比js-based的打包工具快
• 源码：使用浏览器元素的es build的提供源码，让浏览器接管打包工具

2.热更新会很慢

vite在文件热更新上做了优化

• 使用esm不需要重新编译：一些打包工具的开发服务器在文件更改的时候，需要重新构建整个项目，来获取新的依赖关系
• 使用浏览器缓存加速:vite利用http头来加速整个页面的重新加载

知识点2：git的使用 

git init--初始化仓库
git status--查看哪些文件被修改了

 1.git的文件状态

• 已修改：修改了但是还没有保存到数据库中
• 已暂存：表示对一个已修改的文件的当前的版本做了标记
• 已提交：数据已经安全的保存在本地数据库里

2.Git项目的阶段

• 工作区：某个版本提取出来的内容
• 暂存区：保存了下次要提交的文件列表
• git目录：用来保存项目元的数据和对象数据库的地方

3.git提交代码

git add.---将所有修改的文件提交的暂存区
git status---查看提交暂存区的文件状态，哪些文件被修改
git commit -m ''：提交文件，提交到本地仓库
git log---查看版本信息、时间
git diff---可以看到文件里面的内容哪些被修改了

4.git协作问题

1.先查看目前在哪个分支，后创建分支
git status--查看目前在哪个分支
git branch ---新建分支
q---退出
git checkout--切换分支
2.合并分支
git checkout --需要合并的目标分支
git merge--需要合并到目标分支的名称

知识点3：小乌龟提交代码的使用

推荐笔记：【Git】TortoiseGit（小乌龟）配置SSH和使用_小乌龟git-CSDN博客 

已经解决 

知识点4：husky

1.commitlint：用于记录整个项目的开发进程

• 用于回顾项目开展
• 回退版本，项目需求背景、动机
• commitlint-config-conventional