使用create-vite-vercel-y脚手架：轻松创建、提交和部署Vite项目

快速入门

1. 安装create-vite-vercel-y脚手架：

npm install -g create-vite-vercel-y

2. 创建一个新的Vite项目：

create-vite-vercel-y my-project

3. 进入项目目录：

cd my-project

4. 运行开发服务器：

npm run dev

5. 构建项目：

npm run build

6. 提交项目到GitHub：

git add .
git commit -m "Initial commit"
git push origin main

7. 部署项目到Vercel：

vercel deploy

命令详解

1. create-vite-vercel-y

此命令用于创建一个新的Vite项目。它会自动创建必要的目录和文件，并安装所需的依赖项。

2. npm run dev

此命令用于运行开发服务器。这将启动一个本地服务器，以便您可以在浏览器中查看您的项目。

3. npm run build

此命令用于构建项目。这会生成一个可以部署到生产环境的静态文件目录。

4. git add .

此命令用于将所有更改添加到暂存区。

5. git commit -m "Initial commit"

此命令用于提交更改到本地仓库。

6. git push origin main

此命令用于将更改推送到GitHub上的远程仓库。

7. vercel deploy

此命令用于将项目部署到Vercel。这会自动创建一个新的Vercel项目，并将其与您的GitHub仓库相关联。

获取GitHub和Vercel令牌

1. 获取GitHub令牌

• 登录您的GitHub帐户。
• 点击右上角的个人资料图片。
• 点击“Settings”。
• 在左侧边栏中，点击“Developer settings”。
• 点击“Personal access tokens”。
• 点击“Generate new token”。
• 输入令牌的名称。
• 选择令牌的权限。
• 点击“Generate token”。

2. 获取Vercel令牌

• 登录您的Vercel帐户。
• 点击右上角的个人资料图片。
• 点击“Settings”。
• 在左侧边栏中，点击“Access Tokens”。
• 点击“Create New Token”。
• 输入令牌的名称。
• 选择令牌的权限。
• 点击“Create Token”。

使用脚手架创建、提交和部署Vite项目

1. 创建一个新的Vite项目：

create-vite-vercel-y my-project

2. 进入项目目录：

cd my-project

3. 设置GitHub令牌：

export GH_TOKEN=<your-github-token>

4. 设置Vercel令牌：

export VERCEL_TOKEN=<your-vercel-token>

5. 运行脚手架的提交命令：

npm run submit

此命令将自动提交项目到GitHub和Vercel。

6. 部署项目到Vercel：

npm run deploy

此命令将自动将项目部署到Vercel。

结语

create-vite-vercel-y脚手架是一个非常方便的工具，可以帮助您快速创建、提交和部署Vite项目。通过本指南，您已经了解了脚手架的命令，以及如何获取GitHub和Vercel令牌，以便使用脚手架进行Vite工程创建、提交和部署。现在，您可以开始使用脚手架来构建您的下一个Vite项目了！