yarn安装vuecli脚手架失败(yarn安装脚手架成功却无法运行vue命令)

最新推荐文章于 2024-06-08 09:46:44 发布
最新推荐文章于 2024-06-08 09:46:44 发布
阅读量1w 收藏 19
点赞数 12
分类专栏： 问题记 前端 文章标签： yarn 脚手架 vuecli 脚手架安装失败
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyf521995/article/details/102885887
版权

yarn安装vuecli脚手架失败(yarn安装脚手架成功却无法运行vue命令)

在使用yarn安装vuecli脚手架时,遇到了问题:明明显示安装成功,但是却无法使用vue命令,提示找不到...这就尴尬了..安装卸载来来回回好几遍,总算找到了解决方法

以前用npm安装模块时,npm默认添加到环境变量,但是yarn没有,所以需要我们手动添加

--前提 已经执行yarn global add @vue/cli命令安装好脚手架,显示success

  1. 我们现在命令框中输入 yarn global dir 查找yarn的全局目录,找到后复制到资源管理器的地址中,打开.

  2. 依次打开node_modules -> .bin,然后将它复制下来

  3. 然后设置环境变量,将刚才复制的地址添加进path中

  1. 编辑好环境变量后一路确定返回...然后重新打开cmd命令窗口执行vue命令

这样ok了

补充一下:其实不用这么麻烦...如果只是单纯的安装脚手架的话,使用yrarn安装还要设置环境变量这些东西,麻烦,直接用npm安装脚手架就好了,也不用设置这些东西了,但是因为以后还是要使用yarn安装很多东西,还是建议大家配置一下

太极梦龙
关注
  • 12
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue-cli3.0 脚手架搭建项目的过程详解
12-10
1.安装vue-cli 3.0 npm install -g @vue/cli # or yarn global add @vue/cli 安装成功后查看版本：vue -V(大写的V) 2.命令变化 vue create --help 用法：create [options] <app> 创建一个由 `vue-cli-service` 提供支持的新项目 选项：   -p, –preset <presetName>       忽略提示符并使用已保存的或远程的预设选项   -d, –default                   忽略提示符并使用默认预设选项   -i, –i
vue-cli3脚手架的配置及使用教程
10-18
安装完成后，可以通过 `vue --version` 检查是否安装成功。接着，使用 `vue create project-name` 创建新项目，可以选择预设或手动选择特性。创建项目后，`cd` 进入项目目录并运行 `npm run serve` 来启动开发服务器...
使用yarn安装vue-cli提示‘vue‘ 不是内部或外部命令
weixin_62273193的博客
10-16 1472
使用yarn安装vue-cli提示'vue' 不是内部或外部命令 一般情况是 环境变量问题，可以参考下面的方式 解决
yarn保姆级安装和使用
最新发布
weixin_74268571的博客
06-08 2025
yarn的详细介绍和安装，yarn的常用命令和常用配置项详细说明，以及npm和yarn的区别
Vue——安装@vue/cli(Vue脚手架)的三种方式
热门推荐
NanChen的博客
10-19 1万+
开发项目需要用到脚手架，现在给出三种方法安装脚手架 注意：要提前下载好Node.JS以及Git。 不会的小伙伴可以看下面的详细过程 1、首先需要下载Node.JS 下载所对应的系统以及版本号，我这里用的是win10 64位的安装包 下载完后并且安装 安装完成后按住win+r键调出控制台，输入cmd进入 然后输入node -v查看版本号 找到后再去下载另一个Git 然后点击对应的版本即可下载安装 安装完毕后在桌面上右击鼠标看到git即可成功 接下来重......
运行yarn global add @vue/cli 报错解决办法
小助手爱编程
10-12 4077
1.用yarn global bin 查找yarn 的安装路径 2.在此电脑右键属性选择高级系统设置，修改环境变量 再次运行yarn global bin，成功安装
快速创建@vue/cli脚手架
sherly_chen的博客
10-28 708
►由于我们用webpack自己配置环境很麻烦，需要下载很多包,因此我们可以下载@vue/cli包,直接用vue命令创建脚手架项目； ►那么创建@vue/cli脚手架的好处是什么呢？ ➜可以0配置webpack；babel支持；css、less支持；开发服务器支持； ►那接下来我们来讲讲脚手架是如何安装的： ➜目标: 把@vue/cli模块包按到全局, 电脑拥有vue命令, 才能创建脚手架工程 步骤一：安装脚手架： 1、全局安装命令： yarn global add @vue/cli # O
yarn安装全局vue-cli报错
XXXXXXXXXXXXX_X的博客
04-18 1267
yarn安装全局vue-cli报错“vue” 不是内部或外部命令，“文件名、目录名或卷标语法不一致”
【精讲】vue框架 vue脚手架多种方法安装（教程）及注意事项、系统安装时操作代码
m0_59505309的博客
08-03 1682
【精讲】vue框架 vue脚手架多种方法安装（教程）及注意事项、系统安装时操作代码
webstorm建立vue-cli脚手架的傻瓜式教程
01-18
2、点击 create 后出现以下选项，按键盘上下键选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了（注：现在vue-cli3.0默认使用yarn下载），这里我选择手动 3、选择配置，这时你会...
在vue-cli脚手架中配置一个vue-router前端路由
08-30
在 vue-cli 脚手架中，vue-router 是一个可选的依赖项，可以通过 npm 或 yarn 进行安装。 配置 vue-router 的步骤主要包括三个步骤：安装依赖项、创建路由实例、挂载路由实例到 Vue 实例。 首先，我们需要在项目...
基于vue-cli脚手架整合echarts5创建的水球图案例
07-19
要创建一个基于Vue CLI的新项目，你需要全局安装Vue CLI，然后通过`vue create project-name`命令来创建项目。 接着，我们引入ECharts5。ECharts5是一个基于JavaScript的数据可视化库，支持多种浏览器和设备，提供...
全局安装@vue/cli脚手架的环境配置
m0_57524265的博客
03-18 3746
在执行完安装@vue/cli后，在控制台输入vue -V 报出不是内部或外部命令错误。
[前端]从0到1搭建Vue_CLI脚手架
nullPoninter的博客
04-04 896
1
在win环境下使用yarn安装 vue-cli
txl910514的专栏
07-27 3236
1、什么是yarn 很多人熟悉npm，但是很少的人熟悉yarn，yarn可以说是一款高速的受BSD开源协议保护的依赖管理器，使用它可以根据算法计算下载依赖的完整性来执行对应的代码，其中文官网为：https://yarn.bootcss.com/ 有兴趣可以仔细参阅。 2、安装yarn 2.1、常规node安装 npm install -g yarn || cnpm install...
@vue/cli vue create初始化项目时使用yarn安装依赖
兰亭古墨
12-02 4550
使用vue-cli搭建Vue项目脚手架后如何将Vue项目初始化的命令改用yarn安装呢？ 也就是运行如下命令后，安装依赖使用Yarn npm install -g @vue/cli # OR yarn global add @vue/cli 1.全局安装Yarn npm install -g yarn 2.把.vuerc文件的改成 "packageManager": "yarn...
Command vue init requires a global addon to be installed. Please run yarn global add @vue/cli-in报错
我的博客
11-06 1262
Command vue init requires a global addon to be installed. Please run yarn global add @vue/cli-init and try again. 创建脚手架项目报错； 解决办法是npm install -g @vue/cli-init然后在创建；
yarn快速搭建vue项目环境（需安装yarn）
Kirito12的博客
08-12 6435
1、yarn global add @vue/cli //全局安装vue脚手架 2、vue create 项目名 //创建项目目录 （1）执行完这段命令后会有选项，根据自己的需求进行选择，一般选最后一个 （2）进入下一个选项，选择要安装的插件依赖，根据自己的需求来进行选择，按空格键就可以进行选择 （3）因为上一步我选择了css Pre-processors，所以下一步会让我选择css的预处理语言 （4）下一个选项一般选package.json (5)此选项默...
yarn安装vue脚手架
09-08
要使用yarn安装vue脚手架，您可以按照以下步骤进行： 1. 确保已经安装了yarn。您可以在终端中运行以下命令来检查： ```shell yarn --version ``` 如果没有输出版本号，说明您还未安装yarn。您可以按照yarn的官方文档进行安装。 2. 安装vue脚手架：在终端中运行以下命令来安装vue-cli： ```shell yarn global add @vue/cli ``` 3. 等待安装完成后，您可以通过运行以下命令来验证vue脚手架是否安装成功： ```shell vue --version ``` 如果能够成功输出版本号，说明vue脚手架已经成功安装。 现在您可以使用vue脚手架来创建和管理您的Vue项目了。希望对您有帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值