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

Roc*_*ler 2 vue.js yarnpkg vuejs3 vite

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

ton*_*y19 5

Vite 的入门文档展示了如何使用yarn脚手架构建项目,包括package.json(将具有必要的依赖项)和src目录。

\n

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

\n
yarn create vite my-vite-project\n
Run Code Online (Sandbox Code Playgroud)\n

运行示例:

\n
$ yarn create vite my-vite-project\nyarn create v1.16.0\n[1/4]   Resolving packages...\n[2/4]   Fetching packages...\n[3/4]   Linking dependencies...\n[4/4]   Building fresh packages...\n\nsuccess Installed "create-vite@2.6.4" with binaries:\n      - create-vite\n      - cva\n\xe2\x9c\x94 Select a framework: \xe2\x80\xba vue\n\xe2\x9c\x94 Select a variant: \xe2\x80\xba vue\n\nScaffolding project in /Users/tony/src/tmp/my-vite-project...\n\nDone. Now run:\n\n  cd my-vite-project\n  yarn\n  yarn dev\n\n\xe2\x9c\xa8  Done in 38.38s.\n
Run Code Online (Sandbox Code Playgroud)\n