”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 逐步设置 React 和 Vite

逐步设置 React 和 Vite

发布于2024-11-08
浏览:579

Vite 是一款现代构建工具,旨在提供快速高效的开发体验,特别是对于基于 JavaScript 的应用程序,例如 React、Vue 等。

Vite本身更注重开发速度,在开发过程中以最少的配置和更快的加载时间。由于汇总

的优化,生产构建时间通常也更快

在本教程中,您将逐步学习如何使用 Vite 安装 Reactjs

步骤 1
打开您拥有的终端应用程序,这里我使用cmder,然后转到您要安装应用程序的文件夹

Setup React With Vite Step-by-Step

第 2 步
要执行安装过程,您可以使用“yarn”或“npm”,
在终端中输入以下命令,

##NPM
npm create vite@latest

##YARN
yarn create vite

我用纱线。

执行上述命令后,会要求您输入要创建的应用程序的名称,如下图

Setup React With Vite Step-by-Step

步骤 3
您将看到一个列表;使用箭头键在列表中上下移动,单击 Enter 选择您的首选选项。
在这一步中,我们将选择React

Setup React With Vite Step-by-Step

步骤 3
您将看到五个选项可供选择,导航至并选择
这里我会选择Typescript SWC

Setup React With Vite Step-by-Step

仅此而已;您现在已经拥有了您的Vite项目
Setup React With Vite Step-by-Step

第 4 步
按照步骤 3 中最终结果的指示,系统会要求您输入已创建的应用程序文件夹,然后运行您被告知要执行的命令

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

Setup React With Vite Step-by-Step

步骤 5
步骤 4 中的所有进程均成功后,要运行应用程序,您需要运行以下命令

### npm 
npm run dev

### yarn
yarn dev

Setup React With Vite Step-by-Step

应用程序运行成功后,您可以根据终端显示的链接访问应用程序

Setup React With Vite Step-by-Step


结论
你看,一点也不难,整个过程也不需要很长时间就能完成。

现在您已经成功学会了使用Vitejs安装ReactJS应用程序

谢谢

版本声明 本文转载于:https://dev.to/ramadhan002/setup-react-with-vite-step-by-step-48mi?1如有侵犯,请联系[email protected]删除
最新教程 更多>

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3