2023最新:安装 arco design pro vue教程以及spawnsync pnpm.cmd enoent详解

文章介绍了ArcoDesignPro,一个由字节跳动团队推出的中后台项目模板,对标AntDesign。在快速开始部分,作者建议检查nodejs和npm版本,并推荐使用nvm进行管理。文中详细描述了安装环境和初始化项目的过程,包括使用`arcoinit`命令创建项目,以及遇到的`spawnsyncpnpm.cmdENOENT`错误。通过全局安装pnpm解决了问题,最后成功初始化项目并运行。
摘要由CSDN通过智能技术生成

目录

arco design pro vue介绍

快速开始Arco Design Pro

查看nodejs版本

安装环境

开始安装

 遇到的问题


arco design pro vue介绍

Arco Design 是由字节跳动 GIP UED 团队 和 架构前端团队联合推出的企业级设计系统,对标蚂蚁的ant Design。本质上 Pro 项目是一套项目模版,市面上常见的中后台项目模版一般都有固定的选型和架构,这样用户如果想自己修改架构,成本会比较大。

快速开始Arco Design Pro

查看nodejs版本

这里先看一下题主的node版本和npm版本。

建议使用nvm来管理npm包,不会的同学可以去网上找一下教程。或者我后续有时间会写个教程,这些天被前端整麻了,nodejs的版本很重要。

安装环境

我们直接按官网教程来呗。先用这个命令安装脚手架。

npm i -g arco-cli

开始安装


arco init hello-arco-pro

选择技术栈

 ? 请选择你希望使用的技术栈
   React
 ❯ Vue

选择pro项目

 ? 请选择一个分类
   业务组件
   组件库
   Lerna Menorepo 项目
 ❯ Arco Pro 项目

然后等待依赖安装就行了。如果成功的话,是这样的:

 遇到的问题

然而,题主在初始化项目的时候出现了这样的报错bug:

error: spawnsync pnpm.cmd enoent

我在网上找了教程,也没有解决的办法。然后我想会不会是没有安装pnpm的原因,于是我尝试全局安装一下pnpm。

npm install pnpm -g 

然后再执行上面初始化项目的全过程。欸嘿!这次成功啦。

 然后运行下面的命令就ok啦!

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值