如何使用 vite 和 yarn 创建 vue 项目

Posted 2023-02-16

【中文标题】如何使用 vite 和 yarn 创建 vue 项目

【英文标题】：How to create vue project with vite and yarn

【发布时间】：2021-11-19 14:38:00

【问题描述】：

我在 Udemy 上观看 Vue 系列。他写了 yarn add vue@3.0.7 和 yarn add vite@2.1.1 --developer。此外，我正在终端中编写这些命令，但我看到 node_modules、package.json 文件 src 文件夹丢失。如何在 src 文件夹中动态创建？我不想下载和设置空项目。

【问题讨论】：

您是否遵循官方文档？ v3.vuejs.org/guide/installation.html

【参考方案1】：

Vite 的Getting Started docs 展示了如何使用yarn 来搭建项目，包括package.json（将具有必要的依赖项）和src 目录。

使用以下命令创建一个名为my-vite-project的目录，并在出现提示时选择vue：

yarn create vite my-vite-project

示例运行：

$ yarn create vite my-vite-project
yarn create v1.16.0
[1/4] ?  Resolving packages...
[2/4] ?  Fetching packages...
[3/4] ?  Linking dependencies...
[4/4] ?  Building fresh packages...

success Installed "create-vite@2.6.4" with binaries:
      - create-vite
      - cva
✔ Select a framework: › vue
✔ Select a variant: › vue

Scaffolding project in /Users/tony/src/tmp/my-vite-project...

Done. Now run:

  cd my-vite-project
  yarn
  yarn dev

✨  Done in 38.38s.