应用开发平台

Lovable是一个基于Web的应用开发平台,支持通过提示、本地IDE或GitHub直接编辑代码,并集成了Vite、TypeScript、React等技术栈,适用于快速开发和部署Web应用。

  • by Nitish3571
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 Nitish3571/mcp-generator-swagger-frontend

使用说明

欢迎来到你的Lovable项目

项目信息

**URL(统一资源定位符)**https://lovable.dev/projects/770937d5-e3db-4db2-ac08-258a3a5fb454(可译为):https://lovable.dev/项目/770937d5-e3db-4db2-ac08-258a3a5fb454(注:实际网址翻译中,网址本身通常不翻译,但此处为符合中文表达习惯,对“projects”进行了意译处理,实际使用时可能仍保留原英文“projects”)

我如何编辑这段代码?

有多种方法可以编辑您的应用程序。

使用“可爱”(此处“Lovable”作为形容词,意为“令人喜爱的”,根据语境可灵活翻译为“可爱”等表述)

只需访问 “Lovable Project”可以翻译为“可爱的项目”或“令人喜爱的项目”,具体取决于上下文和语境。在这里,为了保持简洁和通用性,可以翻译为“可爱的项目” 并开始提示(或引导)。

通过Lovable所做的更改将自动提交到此存储库。

使用您喜欢的集成开发环境(IDE)

如果你想使用你自己的集成开发环境(IDE)在本地进行工作,你可以克隆这个仓库并推送更改。推送的更改也会在Lovable中显示出来。

唯一的要求是安装 Node.js 和 npm 使用 nvm 安装

按照以下步骤操作:

# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>

# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>

# Step 3: Install the necessary dependencies.
npm i

# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev

在GitHub中直接编辑文件

  • 导航到所需的文件(或文件夹)。
  • 点击文件视图右上角的“编辑”按钮(铅笔图标)。
  • 进行你的更改并提交这些更改。

使用 GitHub Codespaces

  • 导航至你的仓库主页。
  • 点击右上角附近的“代码”按钮(绿色按钮)。
  • 选择“Codespaces”选项卡。
  • 点击“新建代码空间”以启动一个新的代码空间环境。
  • 在代码空间中直接编辑文件,完成后提交并推送您的更改。

这个项目使用了哪些技术?

这个项目是使用以下技术构建的:

  • Vite 翻译成中文是“快”。
  • TypeScript
  • React
  • shadcn-ui(通常指一个基于Shadcn的UI组件库或框架,直接翻译可能无具体中文对应,但可理解为“Shadcn的UI组件/界面库”)
  • Tailwind CSS

我该如何部署这个项目?

只需打开 可爱的 然后点击“分享”->“发布”。

我可以将自定义域名连接到我的Lovable项目吗?

是的,你可以的!

要连接一个域名,请导航至“项目”>“设置”>“域名”,然后点击“连接域名”。

在此阅读更多内容: 设置自定义域名