你好,Vite + React!

2025-06-07

你好,Vite + React!

首先介绍一下什么是Vite?

Vite 是由开源 JavaScript 框架 Vue.js 的创建者 Evan You 创建的下一代前端工具。

为什么选择 React?

所以,如果它来自 Vue.js,你可能会想……如果它代表着它是直接竞争对手,我怎么会用它来创建一个 React 项目呢?嗯,因为 Vite 是一个创作工具,完全不可知,而且该工具本身会指导我们创建一个 React 应用程序,正如我们将在下面看到的。

我已经可以告诉你,结果令人印象深刻,它的创建速度和你开始开展项目的速度都令人印象深刻。

如何开始?

yarn create @vitejs/app
Enter fullscreen mode Exit fullscreen mode

创建 vite

输入项目名称。

就我而言,richi.codes

名称项目

选择模板:

Scaffolding project in /richi.codes....
? Select a template: ... 
  vanilla
  vue
  vue-ts
 react
  react-ts
  preact
  preact-ts
  lit-element
  lit-element-ts
Enter fullscreen mode Exit fullscreen mode

我选择 React。

选择模板反应

就是这样!

我们已经创建了项目,现在我们只需要安装并运行它。

  cd richi.codes
  yarn
  yarn dev

 Done in 130.42s.
Enter fullscreen mode Exit fullscreen mode

准备得非常快

725毫秒后准备就绪

结论

不得不说,与 create-react-app 相比,Vite 确实速度更快,而且效果也令人惊叹。而且,Vite 的项目规模似乎也比 create-react-app 要小,所以如果你要创建一个新项目,Vite 确实是一个值得考虑的选择。

跑步

文章来源:https://dev.to/richicodes/hello-vite-react-51no
PREV
20 年的科技生涯教会了我如何获得晋升
NEXT
如何像程序员一样思考——解决问题的经验教训