脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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中使用proxy配置不同端口和ip接口问题

    解决vue中使用proxy配置不同端口和ip接口问题

    这篇文章主要介绍了解决vue中使用proxy配置不同端口和ip接口问题 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
    2019-08-08
  • vue3中使用editor.js的详细步骤记录

    vue3中使用editor.js的详细步骤记录

    富文本编辑器作为直接与用户交互的内容输入生产工具,对大家的项目来说非常重要,下面这篇文章主要给大家介绍了关于vue3中使用editor.js的详细步骤,需要的朋友可以参考下
    2024-01-01
  • vue-loader和webpack项目配置及npm错误问题的解决

    vue-loader和webpack项目配置及npm错误问题的解决

    这篇文章主要介绍了vue-loader和webpack项目配置及npm错误问题的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-07-07
  • 如何用electron把vue项目打包为桌面应用exe文件

    如何用electron把vue项目打包为桌面应用exe文件

    这篇文章主要介绍了如何用electron把vue项目打包为桌面应用exe文件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-05-05
  • .eslintrc配置目录及配置项的使用方式

    .eslintrc配置目录及配置项的使用方式

    这篇文章主要介绍了.eslintrc配置目录及配置项的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-10-10
  • vue项目登录页面实现记住用户名和密码的示例代码

    vue项目登录页面实现记住用户名和密码的示例代码

    本文主要介绍了vue项目登录页面实现记住用户名和密码的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • Vue 2.0学习笔记之使用$refs访问Vue中的DOM

    Vue 2.0学习笔记之使用$refs访问Vue中的DOM

    这篇文章主要介绍了Vue 2.0学习笔记之使用$refs访问Vue中的DOM，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • vue项目中引入Sass实例方法

    vue项目中引入Sass实例方法

    在本文里小编给大家整理的是关于vue项目中引入Sass的相关知识点内容，有需要的朋友们可以测试参考下。
    2019-08-08
  • Vue脚手架搭建及创建Vue项目流程的详细教程

    Vue脚手架搭建及创建Vue项目流程的详细教程

    Vue脚手架指的是vue-cli,它是一个快速构建**单页面应用程序(SPA)**环境配置的工具，cli是(command-line-interfac)命令行界面,下面这篇文章主要给大家介绍了关于Vue脚手架搭建及创建Vue项目流程的相关资料,需要的朋友可以参考下
    2022-09-09
  • Element Tooltip 文字提示的使用示例

    Element Tooltip 文字提示的使用示例

    这篇文章主要介绍了Element Tooltip 文字提示的使用示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07

最新评论