目录
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啦!