创建vue以及报错解决error @achrinza/node-ipc@9.2.2: The engine “node“ is incompatible with this module. Expec

本文详细介绍了如何配置Vue开发环境,包括安装Node.js、创建Vue项目、解决版本兼容性问题及启动项目的步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用vue时先配置好环境node等,否则用不用了vue,网上有,这里就不累赘了,

一、打开cmd:核实是否安装node以及配置

图片:

二、创建vue项目:vue create myvue

在这里插入图片描述

注意:2.1、安装时如果出错:

1、 注意:出现这个,先进行更新即可
New version available 4.5.13 → 5.0.8 │
│ Run npm i -g @vue/cli to update!
在这里插入图片描述

2、 更新:npm -i g @vue/cli to update
上面语句不行就用这个,或者用这个语句:
npm install -g @vue/cli cnpm --registry=https://registry.npm.taobao.orgvu

三、安装vue,选择第三行:

在这里插入图片描述

可能报错:

error @achrinza/node-ipc@9.2.2: The engine “node” is incompatible with this module. Expected version “8 || 10 || 12 || 14 || 16 || 17”. Got “15.10.0”
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
ERROR command failed: yarn

在这里插入图片描述
翻译过来就是:
在这里插入图片描述

针对这个错误
解决方法一:不行,还是创建不了
在这里插入图片描述

解决方法二:选择第一行,也不行
在这里插入图片描述

解决方法三:看报错信息,版本不兼容。这个最好解决了
输入这个命令,该命令是自动补充兼容所报的错误:yarn config set ignore-engines true
成功,可以
在这里插入图片描述

四、安装完成

在这里插入图片描述

五、进入目录和启动项目

cd myvue 进入文件夹,之后启动yarn serve
启动完成之后:
在这里插入图片描述

idea导入该vue项目

测试idea是否安装vue插件:setting–>plugins–>搜索vue(没有就选择第一个–>installed)
在这里插入图片描述

然后开始导入,就是打开文件夹直接导入即可,导入完成之后选择add configuration(那个锤子也行)(或者导航栏-run-edit configuration)
在这里插入图片描述
选择+号,后选择npm
在这里插入图片描述

导入并设置完成:
在这里插入图片描述

当然,也可以手动启动,不用上面的配置也行
在这里插入图片描述

退出:使用ctrl+c,之后选择y即可
在这里插入图片描述

项目热启动:每次更改文件后都自动启动,这里默认时热启动的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值