01-npm指令创建vue项目

已于 2023-03-14 19:29:22 修改
阅读量217 收藏 1
点赞数
分类专栏： 01_bug回收站 文章标签： vue.js npm javascript
于 2023-03-07 00:15:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q506174602/article/details/129373427
版权
在Node.js环境已配置好，使用npm初始化Vue项目时遇到Error:spawnyarnENOENT的错误，可能是因为用户设置了默认包管理器为yarn或者未安装yarn。解决方案包括检查.vuerc文件中packageManager的配置，将其改为npm，或者如果没有安装yarn，可以通过npminstallyarn来安装。
摘要由CSDN通过智能技术生成

bug介绍

在node,npm以及vue都已安装好的前提下,使用npm指令创建vue项目时,

报错:Error: spawn yarn ENOENT

bug分析 

出现此bug的情况主要有两种:


1.用户自己设置了默认的包管理方式: yarn

2.没有安装 yarn

 bug解决

针对第一种情况:

打开 C盘   --->   打开 用户(user)   --->   找到.vuerc文件打开(找不到直接用搜索找,一定会有)  --->   找到 packageManager 属性，可看到自己配置的默认值为 yarn，将其值修改为 npm 即可  

 

针对第一种情况:

没有安装 yarn 直接输入命令 npm install yarn 安装 yarn 即可

再次安装,安装成功: 

七色的天空
关注
专栏目录
npm创建vue项目
qq_41425194的博客
07-01 5660
可通过官网下载：https://nodejs.org/en/创建一个自己的文件夹，在文件夹所创建的位置下，搜索cmd打开终端命令行输入命令：npm install -g @vue/cli1.输入命令 vue create demo01（vue create + 文件名）正在上传…重新上传取消 2.创建途中选择第一个即可3.在编译软件中通过cmd打开项目，系统命令行运行npm输入命令 npm run server...
【Vue】高级系列（二）配置Vue脚手架-npm方法-vscode配置-vue.config.js-项目打包与发布-ESlint使用
YK菌的博客
01-30 2642
学习使用vue-cli Vue官方提供的脚手架工具
使用npm建立vue工程
weixin_52548565的博客
11-18 3709
npm 建vue项目
『从零开始学vue』教你如何使用npm快速创建一个vue项目
最新发布
2401_84437604的博客
07-05 668
2.2切换下载源Tips：这里会遇到安装过慢的问题2.3下载CLI3.创建vue项目养成好习惯，在c盘意外的盘符下创建存放代码项目的文件，在cmd种更改一下文件的路径然后创建vue项目3.1创建vue项目然后就会进入这个界面进行项目的配置3.2手动选择界面通过上下键移动选择，enter选中选中进入手动选择界面选择BabelRouterVuex(空格键选中/取消)下一步选中 3.x的版本下一步选择路由方式（y或n选择y)并选择最后问你是否将这次配置保存为未来项目的预设，可以选择yes。
使用npm创建vue项目流程
m0_55905001的博客
03-12 2387
创建vue项目之前的配置nodejs的安装npm的配置yarn的配置 nodejs的安装 nodejs的安装网上都有，但是为了后期vue项目的创建，建议不要下载最新版本的nodejs，nodejs14完全够用了 npm的配置 配置npm全局目录位置 配置npm淘宝镜像 更新npm 下载yarn yarn的配置 配置npm和yarn的环境变量 配置yarn全局目录位置 配置yarn淘宝镜像 使用yarn添加vue包 使用npm添加@vue/cli脚手架的包 然后就可以创建vue项目了： vue create
npm方法创建vue.js项目
雨云21的博客
10-04 281
由于 npm 安装速度慢，我这里使用了淘宝的镜像及其命令 cnpm 淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。 你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: npm install -g cnpm --registry=https://registry.npm.taobao.org 然后就可以使用 cnpm 命令来安装模块了： cnpm install [na
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
10-16
在Vue项目中使用Vue-draggable时，首先需要将Vue-draggable组件引入到项目中，可以使用npm包管理器进行安装。之后，在需要使用拖拽功能的组件中引入并注册Vue-draggable组件。注册后，就可以在Vue模板中使用它来实现...
vue-test.zip vue 项目开发框架
06-28
在Vue项目开发中，开发者会利用Vue的响应式数据绑定、组件化、指令系统等特性来创建高效且易于维护的应用。Vue CLI工具提供了一套完整的开发生态，包括热加载、自动刷新、代码格式化等功能，极大地提高了开发效率。 ...
Vue-第6章 Vue 项目预热
07-29
在本章“Vue-第6章 Vue 项目预热”中，我们将深入探讨Vue.js框架的基础知识和如何开始构建实际的Vue项目。Vue.js是一款轻量级、高性能的前端JavaScript框架，广泛应用于单页应用（SPA）开发。它以其易学易用、组件化...
vue-response-components-使用ResizeObserver创建响应组件。-Vue.js开发
05-27
想法请查看我在ITNEXT安装上的帖子npm install vue-sensitive-c vue-response-components使用ResizeObserver创建响应性组件。 想法看看我在ITNEXT安装上的帖子npm install vue-response-components（可选）从“ vue...
npm构建vue项目
wwydh的博客
05-07 841
npm构建vue项目 环境搭建 我们需要先从node.js官网安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。 安装完成之后，打开命令行工具（Mac打开终端），输入 node -v，如图，如果出现相应的版本号，则说明安装成功。 node -v 那么此时你发现你不仅拥有了node环境而且还有了npm包管理器，岂不快哉！ 安装vue-cli脚手架构建工具 在命令行中运行命令 npm...
创建npm vue项目
weixin_47243325的博客
09-03 898
创建npm vue项目 1.首先下载安装一个node.js 2.自己建一个目录文件，在所创建的文件下，搜索cmd打开黑色的框框 3.安装新的包,输入 npm install -g @vue/cli 4.输入 vue create +文件名 来建立html文件（创建途中选择第一个） 5.运行方式 在vscode所要运行的文件点击右键 打开之后再点击所要运行的文件，在搜索框输入cmd 打开黑色框之后输入 npm run serve 照片中的 http://localhost:8080/
使用命令行工具npm新创建一个vue项目
anmi7832的博客
09-26 156
使用vue开发项目的前期工作可以参考前面写的:Vue环境搭建及node安装过程整理 Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。 只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目： # 全局安装 vue-cli $ npm install --global ...
使用npm创建vue项目（超详细）
热门推荐
M1234uy的博客
07-29 1万+
文章目录 一、创建项目环境 创建项目前需要配置vue环境，搭建vue环境参考，若已经搭建好则继续运行 二、创建Vue项目 使用 CMD 进入 创建vue 文件夹 举例：在 E盘 VueProject文件夹里创建项目 cd E:\VueProject e: 创建项目命令 vue init webpack vuedemo01 vue init webpack vuedemo01 --vuedemo01 为文件名 使用 VSCode 打开 vuedemo01 文件夹 点击“终端”，选择新终
vue项目搭建命令
James
03-05 811
vue项目搭建命令 1.安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装vue脚手架 cnpm install vue-cli -g 3.安装webpack (npm)cnpm install -g webpack npm install webpack-cli -g 4.初始化项目 vue ...
如何用npm搭建vue项目
suhuwbisn的博客
04-12 206
1.在VScode中打开建好的文件夹2.点击设置旁边的三角形小图标3.点击端口，并添加powershell4.在终端输入命令npm create vue@latest 并回车5.输入项目名称，并一直回车直到出现三条命令6.依次输入cd vue 回车 npm install 回车 npm run dev回车（注：输入第二条语句后要等待资源管理器中出现项目文件后再输入第三条语句）7.Ctrl+鼠标左键点击此网址，完成搭建
新手指南：Windows上使用node.js和vue-cli4.0创建Vue项目
4. **创建Vue项目**： - 在命令行中，先创建一个新项目文件夹，然后进入该目录。推荐使用Vue CLI 的图形化界面，可以通过`vue create`命令创建项目，也可以参考中的步骤。 - 在创建项目时，可以选择默认配置，或者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

七色的天空

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值