首页 > 网络编程 > JavaScript > javascript类库 > vue.js > yarn创建vite项目

如何使用yarn创建vite项目+vue3

2024-03-13 10:25:41 作者：代码の搬运工

这篇文章主要介绍了如何使用yarn创建vite项目+vue3,详细介绍了使用vite创建vue3过程,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧

vite+vue3

使用vite创建vue3过程

1.yarn create vite

2.选择使用的是vue或者是react

3.选择使用语言

4.回车，完成

可能遇到的问题

yarn create vite 报错

yarn create v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Installed "create-vite@3.1.0" with binaries:
      - create-vite
      - cva
[##] 2/2文件名、目录名或卷标语法不正确。
error Command failed.
Exit code: 1
Command: D:\nodejs\node_global\bin\create-vite
Arguments:
Directory: D:\Code\Applet\WeChat
Output:
info Visit https://yarnpkg.com/en/docs/cli/create for documentation about this command.

yarn 的安装是在C盘，node环境在D盘

yarn global dir 查看yarn安装路径

需要把yarn 的全局路径修改到相对应的盘，打开cmd ，输入以下

yarn config set global-folder "D:\yarn\global"
yarn config set cache-folder "D:\yarn\cache"

再使用yarn create vite就可以正常创建

修改全局bin目录
yarn global bin 查看全局bin目录

yarn config set prefix "D:\yarn"

到此这篇关于如何使用yarn创建vite项目+vue3的文章就介绍到这了,更多相关yarn创建vite项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！