时间戳

首页 > 解决方案 > 如何使用 vite 和 yarn 创建 vue 项目

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

问题描述

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

标签： vue.jsyarnpkgvuejs3vite

解决方案

Vite 的入门文档展示了如何使用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.

推荐阅读