1. 创建一个新文件夹里面用于放置项目。2.从vscode中打开这个新文件夹位置在终端中输入命令npm create vitelatest // 会自动创建最新版本Vite的项目接下来便是输入项目名——选择vue框架——选择ts开发由此项目创建成功但要注意的是node.js的版本会影响npm install安装依赖比如我的node.js为20.16.0但我创建的项目vite为最新版本9.1.2支持的nodejs版本为20.19.0或22.12.0所以导致我安装依赖的时候报错且项目无法正常运行重新去官网下载了22.23.2版本。下载完直接安装就可以了安装以后记得终端运行node -v检查一下版本情况然后将node_modules文件夹和package-lock.json文件删除重新执行npm install最终初始化成功可执行npm run dev启动项目。3.进入项目根目录在终端运行# 1. 进入你的项目根目录已在根目录此步骤可跳过 cd 你的项目文件夹路径 # 2. 初始化 Git 本地仓库 git init # 3. 将当前所有文件添加到暂存区 git add . # 4. 创建第一个提交 git commit -m first commit # 5. 添加远程仓库地址使用 GitHub 提供的地址 git remote add origin https://github.com/你的用户名/你的仓库名.git # 6. 将本地的 main 分支推送到远程 git push -u origin main4.如何获取github的地址首先需要在github上创建一个新的代码仓库右上角号 — New repositoryRepository name写自己的项目名字就行下面的Configuration里的配置都可以用默认的不需要改最后点击create repository仓库创建成功可以在仓库中查看到https开头的地址当终端push完以后本地项目就和仓库关联成功注意此时如果我在本地项目位置git pull会报错fatal: detected dubious ownership in repository at F:/zengyu/vue3练习/zy-admin To add an exception for this directory, call: git config --global --add safe.directory F:/zengyu/vue3练习/zy-admin Set the environment variable GIT_TEST_DEBUG_UNSAFE_DIRECTORIEStrue and run again for more information.这个错误是git的一个安全保护机制检测到当前操作git仓库的用户与创建该仓库.git文件夹的用户可能不是同一个此时就需要把这个目录加入git的安全名单在git bash中运行git config --global --add safe.directory F:/zengyu/vue3练习/zy-admin再重新pull就成功了至此项目创建且上传github完毕。