freeCodeCamp.org
·
如何在Netlify上手动部署React和TypeScript项目
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
本文介绍了如何在Netlify上手动部署React和TypeScript项目。首先，确保已有项目和Netlify账户。使用VSCode构建项目，生成dist文件夹。然后在Netlify上选择手动部署，上传dist文件夹。完成后可更改网站名称并查看项目，项目将在线可用。
🎯
关键要点
- 确保已有React和TypeScript项目以及Netlify账户。
- 在VSCode中打开项目并使用命令npm run build构建项目，生成dist文件夹。
- 在Netlify上选择手动部署，上传dist文件夹。
- 成功部署后，可以更改网站名称并查看项目，项目将在线可用。
❓
延伸问答
在Netlify上手动部署React和TypeScript项目需要哪些准备工作？
需要一个已有的React和TypeScript项目、Netlify账户以及VSCode等代码编辑器。
如何在VSCode中构建React和TypeScript项目？
在VSCode中打开项目后，使用命令npm run build来构建项目，生成dist文件夹。
如何在Netlify上上传dist文件夹？
在Netlify上选择手动部署，点击添加新站点，然后拖放生成的dist文件夹进行上传。
成功部署后如何更改网站名称？
在Netlify的站点配置中，点击更改站点名称按钮，输入新的名称即可。
部署完成后，如何查看我的项目？
在站点概览中找到项目名称下方的URL，点击该链接即可查看项目。
Netlify部署项目的优势是什么？
Netlify使得项目在线可用，方便在简历或作品集中引用，且支持手动部署。
🏷️
标签
➡️
