arco-design初始化

最新推荐文章于 2024-08-10 09:37:31 发布
最新推荐文章于 2024-08-10 09:37:31 发布
阅读量4.7k 收藏 9
点赞数 2
分类专栏： react arco-design 文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhudingfengshen/article/details/121648440
版权
  1. 安装脚手架
npm i -g @arco-design/arco-cli

在这里插入图片描述

  1. 查看版本号

在这里插入图片描述
注: 第一次查看版本会让选择平台
在这里插入图片描述
在这里插入图片描述

  1. 初始化项目
    在这里插入图片描述

  2. 选择创建类型

在这里插入图片描述
在这里插入图片描述

  1. 初始化并安装依赖.在这里插入图片描述

  2. 启动项目
    在这里插入图片描述
    经过排查错误发现是依赖安装失败，因为打开了很多个控制台，上一个初始化时依赖安装失败并没有查看到，npm install重新安装就好

  3. 排查失败原因
    在这里插入图片描述
    发现了这样一行文字，最直观的感觉就是没有设置镜像，所以导致安装失败，因此查看了配置文件。
    在这里插入图片描述
    直接复制粘贴设置镜像就好。
    在这里插入图片描述

  4. 重新启动

npm run dev

在这里插入图片描述

在这里插入图片描述

人生意义几何
关注
专栏目录
vue3的福音框架arco.design
丁爸的博客
08-11 995
Vue3框架Arco.design是一个基于Vue3的开源设计系统，它提供了一系列的UI组件和工具，可以帮助开发者快速构建高质量的Web应用。Arco-design功能强大、性能优化且易于定制的Vue3框架，特别适合于构建高质量的Web应用。然而，对于一些初学者来说，可能需要一定的时间来适应Arco-design的组件和API，尤其是对于那些之前没有使用过Vue3的开发者。此外，Arco-design的生态系统可能还需要进一步发展和完善，以提供更广泛的组件和工具选择。
创建 Arco Design Pro 项目失败原因分析
gsc2738325971的博客
03-21 2961
是字节旗下的一款开源UI框架，今天在使用是发现了一点问题，在这里总结一下。：选择Arco Pro 项目。这里让我们手动安装依赖。
Vue 3 的福音框架：Arco Design
最新发布
乌南竹的博客
08-10 800
随着 Vue 3 的发布，许多开发者都在寻找与其完美匹配的 UI 组件库，以提升开发效率，构建更现代化的 Web 应用。在众多的选择中，Arco Design 作为一款基于 Vue 3 的新兴 UI 组件库，以其简洁优雅的设计和丰富的功能脱颖而出。Arco Design 不仅提供了全面的组件支持，还注重性能优化和开发体验，是 Vue 3 项目的理想选择。本文将带你深入了解 Arco Design 的特点，快速上手使用它，并分享一些常见问题的解决方案，助你在开发过程中游刃有余。
【报错】Arco新建工程时 Error: spawnSync pnpm.cmd ENOENT
虎康的博客
01-19 1353
然后等待依赖安装就行了。然后重新再执行上面初始化项目的全过程。
初始化创建react项目失败，解决办法
小米人的博客
08-31 1862
解决办法： 1、由于网络原因，某些依赖包加载失败，解决方法：设置 npm 镜像为 cnpm npm config set registry https://registry.npm.taobao.org 2、 清除 npm 缓存，目录：C:\Users\Administrator\AppData\Roaming\npm-cache 删除该目录下的所有文件，重新 create-react-app...
arco design pro 创建项目为啥使用的是pnpm
茅檐低小，溪上青青草
04-07 363
为什么创建arco design 项目是用的pnpm?
arco-design-pro-vue使用pnpm run build失败问题解决方法
xia_runsheng的博客
06-26 252
二、针对 src/views/visualization/data-analysis/components/chain-item.vue:43。arco-design框架，按官网搭建后，pnpm run dev没有问题，但是pnpm run build会失败报错，如下。"noImplicitAny": false, // 是否在表达式和声明上有隐含的any。series数据结构里data,改成data: data.value[0],在chain-item.vue里修改两处。修改tsconfig.json。
spawnsync pnpm.cmd enoent
IT开发
09-07 435
解决：安装pnpm。
arco design vue项目初始化失败
07-12
如果在使用 arco design 初始化 Vue 项目时遇到了问题，可以尝试以下解决方案： 1. 确保 Node.js 和 npm 已经正确安装，并且版本符合要求。你可以使用 `node -v` 和 `npm -v` 命令来检查它们的版本。 2. 确保已...
arco design 初始化 Vue 项目中对Node.js 和 npm版本要求是什么
07-12
在使用 arco design 初始化 Vue 项目时，对 Node.js 和 npm 的版本有一定要求。具体要求如下： 1. Node.js 版本求：>= 10.0.0 你需要安装 Node.js，并且版本需要大于或等于 10.0.0。你可以使用 `node -v` 命令来...
ant-design tree 设置默认选中状态_[路由系列]5分钟设置一台Ubiquiti的ERX路由器
weixin_39770592的博客
10-26 2431
图片来自 Ubiquiti 官网WiFi时代大家对各类无线路由器想必都非常熟悉，我所使用的网络设备也经历了多次迭代，来满足全屋5GWiFi覆盖以及IPTV单线复用的使用需求。还记得我最早开始折腾家用网络时的极路由3，为了增强NAT性能而增加的Ubiquiti的EdgeRouter™ X，到后来开始接触Mesh网络，使用了Linksys的Velop AC3900M以及MR8300-AC22...
vue移动UI框架滑动加载数据的方法
12-29
前言 在我们移动端还有一个很常用的组件，那就是滑动加载更多组件。平常我们看到的很多插件实现相当复杂就觉得这个组件很难，其实不是的！！这个组件其实可以很简单的就实现出来，而且体验也能非常的棒（当然我们没有实现下拉刷新功能）！！下面我们就一起来实现这个组件。 效果展示 先上一个gif图片展示我们做成后的效果，如下： DOM结构 页面应该包含三个部分：1. 正文区域 2.加载小菊花以及记载文字 3.所有数据加载完成后的文字： <
2023最新：安装 arco design pro vue教程以及spawnsync pnpm.cmd enoent详解
cds008的博客
07-31 3713
Arco Design 是由字节跳动 GIP UED 团队 和 架构前端团队联合推出的企业级设计系统，对标蚂蚁的ant Design。本质上 Pro 项目是一套项目模版，市面上常见的中后台项目模版一般都有固定的选型和架构，这样用户如果想自己修改架构，成本会比较大。
项目本来运行正常，电脑重启后，npm start 出现Error: spawn cmd ENOENT
Mia的博客
09-13 605
虽然不知道为什么，但是电脑自动升级重启之后，npm start 开始报错 events.js:187 throw er; // Unhandled 'error' event ^ Error: spawn cmd ENOENT at Process.ChildProcess._handle.onexit (internal/child_process.js:264:19) at onErrorNT (internal/chi
Error: spawn node.cmd ENOENT node自启动工具supervisor cmd运行报错解决方法
wang_9909的博客
06-07 1011
最近开始重新入坑node，发现了一个有意思的node自启动工具：supervisor。 但是，由于某些原因当我在使用这个工具一直报错。 网上找了很多方法，试过重装node，也试过修改node环境变量，但都没能解决问题。 由于我开始自己摸索，当我用window键调出cmd时，突然看到了个这个。 于是，我怀着瞎猫碰上死耗子的想法运行了下。我艹，居然可以哦。非常nice！ OK，这个自启动工具就已经成功运行了。 如果没有安装过这个工具的可以看这里。 1.npm install -g supervisor 下
npm命令Error: EINVAL: invalid argument, mkdir
Lawless
11-12 8797
之前安装过npm，今天重新下载了一个，版本进行更新。出现以下问题： 安装nodejs的时候，在文件夹中： 在node.js的安装目录下创建两个文件夹，node_cache和node_global，然后命令行设置： npm config set cache "D:\nodejs\node_cache" npm config set prefix "D:\nodejs\node_global...
安装vue-cli脚手架提示Error: spawn npm ENOENT的解决方式
热门推荐
jtrllpqq的博客
12-13 1万+
按照官方的文档安装vue-cli过程中出现了莫名其妙的报错： 查阅了很多文档都无法解决，于是自己后面慢慢尝试了一下，认真一步一步观察安装的提示，直到看到最后一句提示：  Should we run `npm install` for you after the project has been created? (recommended) npm 于是这次我选择了no，自己手动insta
NodeJs Error: spawn C:\Windows\system32\cmd.exe; ENOENT（NodeJs升级版本后，npm命令不可用的问题）
qq_40375627的博客
03-12 7329
1、从控制面板删除NodeJs; 2、删除C:\User\Administrator下 “.config”文件夹和 “.node_repl_history” 文件（这里应当是安装好NodeJs后首次使用此产品的用户）； ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值