vue3搭建Arco design UI框架

技术：Vue3.2.40
UI框架：Arco design 2.44.7
需要安装:yarn 1.22.19 和npm 8.19.4

管理员运行CMD
在这里插入图片描述

npm i -g arco-cli
1

安装成功后如下：
在这里插入图片描述

我这里把项目存放在 D:\Work\PrOjects\20230517\webui文件夹

cd D:\Work\PrOjects\20230517\webui

D:
1
2
3

在这里插入图片描述

arco init hello-arco-pro
1

第一步：选择选项2，使用内部版（不要选择github登录版）
选项选择如下即可
在这里插入图片描述

//安装依赖
yarn install
//运行项目
yarn run
1
2
3
4

在这里插入图片描述

点击登录按钮登录（如果登录后页面报错，则请看下面）
在这里插入图片描述

如果报错： error @arco-design/web-vue/es/table/interface type import should occur before import of @/hooks/loading import/order

则：调整下面顺序即可，正确顺序如下截图

在这里插入图片描述
如果报错：lodash相关的
则：调整下面顺序即可，正确顺序如下截图

我这边在.eslintrc.js文件新增了如下几个配置

 'no-underscore-dangle': 0,
    'no-console': 0,
    'no-plusplus': 0,
1
2
3

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

相关阅读:
P2P分布式搜索引擎YaCy
常用的排序算法（选择，冒泡，插入）
【C语言趣味教程】(2) 整数类型：数据类型的概念 | 原码反码与补码 | 有符号型和无符类型 | 研究 signed char 与 unsigned char 的取值范围
设计循环队列（leetcode 622）
记录本地部署Stable-diffusion所依赖的repositories和一些插件
【04】基础知识：React组件实例三大核心属性 - state
centos7 rpm安装mysql5.7 完整实例
手写async await核心原理，再也不怕面试官问我async await原理
西电微原课设——矩阵式键盘数字密码锁设计
快消品行业经销商协同系统：实现经销商可视化管理，提高沟通执行效率

原文地址：https://blog.csdn.net/weixin_43861689/article/details/132024239