创建vue3+vite项目记录

创建项目

vue3官网链接

这里使用的yarn的创建方式

yarn create @vitejs/app vue-tailwind

1.

文件名、目录名或卷标语法不正确。
error Command failed.
Exit code: 1
Command: E:\Program Files\nodejs\node_global\bin\create-app
Arguments: vue-tailwind
Directory: F:\code\tailwindcss
Output:

info Visit https://yarnpkg.com/en/docs/cli/create for documentation about this command.

这里搜了一下，以为是文件夹下面有空格的原因，然后把整个nodejs的文件夹挪了一下，改了下环境变量，再然后，，，，就用不了yarn了。无法，重装node，删除node的安装目录，删除C:\用户\AppData\Roaming\npm,这个文件夹，然后卸载node，下载安装，或者整个nvm

2.

继续，这回还是这个

文件名、目录名或卷标语法不正确。
error Command failed.
Exit code: 1
Command: E:\Program\nodejs\node_global\bin\create-app
Arguments: vue-tailwind
Directory: F:\code\tailwindcss

emm,注意到Command
E:\Program\nodejs\node_global\bin\create-app
进去这目录看一下

打开create-app.cmd看看

@"%~dp0\C:\Users\86157\AppData\Local\Yarn\Data\global\node_modules\.bin\create-app.cmd"   %*

这前面有个%~dp0\，很明显，这命令不适合windows

更新
最近建nuxt项目又发现了这个问题

这回找到答案了
yarn的命令目录和全局安装目录不一致

修改下即可

参考
https://juejin.cn/post/6844904111570190349