脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • vue在外部方法给下拉框赋值后不显示label的解决

    vue在外部方法给下拉框赋值后不显示label的解决

    这篇文章主要介绍了vue在外部方法给下拉框赋值后不显示label的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • Vue3中keep-alive的使用及注意事项说明

    Vue3中keep-alive的使用及注意事项说明

    这篇文章主要介绍了Vue3中keep-alive的使用及注意事项说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-04-04
  • Vue项目实现i18n国际化多语言切换方案实践

    Vue项目实现i18n国际化多语言切换方案实践

    本文将围绕Vue项目国际化,借助官方提供的Vue I18n插件,介绍,讲解安装配置、多语言切换、复杂场景应用及优化等,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下
    2025-09-09
  • Vue+Flask实现图片传输功能

    Vue+Flask实现图片传输功能

    这篇文章主要为大家详细介绍了Vue+Flask实现图片传输功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue+echarts实现进度条式柱状图

    vue+echarts实现进度条式柱状图

    这篇文章主要为大家详细介绍了vue+echarts实现进度条式柱状图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • vant如何实现Collapse折叠面板标题自定义

    vant如何实现Collapse折叠面板标题自定义

    这篇文章主要介绍了vant如何实现Collapse折叠面板标题自定义，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-04-04
  • vue实例成员 插值表达式 过滤器基础教程示例详解

    vue实例成员 插值表达式 过滤器基础教程示例详解

    这篇文章主要为大家介绍了vue实例成员 插值表达式 过滤器基础教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪
    2022-04-04
  • Vue调试工具vue-devtools的安装与使用

    Vue调试工具vue-devtools的安装与使用

    vue-devtools是专门调试vue项目的调试工具,安装成功之后,右边会出现一个vue,就可以在线可以调试vue了,下面这篇文章主要给大家介绍了关于Vue调试工具vue-devtools的安装与使用的相关资料,需要的朋友可以参考下
    2022-07-07
  • vue2.0 datepicker使用方法

    vue2.0 datepicker使用方法

    这篇文章主要介绍了vue2.0 datepicker的使用方法，非常不错，具有参考借鉴借鉴价值，需要的朋友参考下
    2018-02-02
  • 在Vue3 + Electron项目中图片缩放后无法拖动的问题分析与解决

    在Vue3 + Electron项目中图片缩放后无法拖动的问题分析与解决

    这篇文章主要介绍了在Vue3+Electron项目中,试卷查看弹窗的图片放大后无法拖动查看不同区域的问题,通过检查缩放功能、拖动事件、事件绑定、全局事件监听器、PointerEvents、CSS属性、边界计算等多个阶段,最终解决了问题,需要的朋友可以参考下
    2025-11-11

最新评论