AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

0基础搭建ikun-ui开发环境

2023-08-23 472
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 非常不推荐使用ikun-ui

1.下载webstorm并安装

image.png

2.创建vue项目

image.png


3.运行

image.png

1.下载node.js

image.png

image.png

检查版本

image.png

然后在命令窗口输入

image.png

如果还不行就使用


在编辑器上有提醒

npm install


成功

image.png

5.输入

安装yarm


npm install -g yarn


cmd在项目目录下输入：

yarnadd@ikun-ui/core@0.0.8@0.55.2&&pnpmadd-D@ikun-ui/preset@0.0.8pnpmadd@ikun-ui/button@0.0.8yarnadd-Dunocss

6.输入


image.png

7.测试：

image.png





文章标签：
JavaScript
资源调度
关键词：
UI开发环境
bucxrptf3dlr2
目录
相关文章
朝阳39
|
前端开发 JavaScript
零基础学 Vue + Element UI 第01步 —— 搭建开发环境、创建项目、修改默认模板、启动项目、访问项目
零基础学 Vue + Element UI 第01步 —— 搭建开发环境、创建项目、修改默认模板、启动项目、访问项目
朝阳39
253 1
前端杂货铺
|
资源调度 JavaScript 前端开发
Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本（搭建开发环境）
Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本（搭建开发环境）
前端杂货铺
440 0
PSA培训与认证
|
开发工具 C++ Windows
定制属于你的UI与开发环境
欢迎下载试用新一代Windows Embedded CE(Compact 7) http://www.microsoft.
PSA培训与认证
809 0
枫叶丹4
|
5月前
|
开发框架 前端开发 JavaScript
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发一
本文介绍了方舟开发框架（ArkUI）及其两种开发范式：基于ArkTS的声明式开发范式和类Web开发范式。ArkUI是用于构建HarmonyOS应用界面的UI框架，提供极简UI语法和基础设施。声明式开发范式使用ArkTS语言，以组件、动画和状态管理为核心，适合复杂团队协作；类Web开发范式采用HML、CSS、JavaScript三段式开发，适用于简单界面应用，贴近Web开发者习惯。文中还概述了两者的架构和基础能力，帮助开发者选择合适的范式进行高效开发。
枫叶丹4
191 15
枫叶丹4
|
5月前
|
编解码 前端开发 Java
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发三
本文介绍了基于声明式UI范式的图形绘制与动画效果实现方法，涵盖绘制图形、添加动画效果及常见组件说明三部分内容。在绘制图形部分，详细讲解了如何通过Circle组件为食物成分表添加圆形标签，以及使用Path组件结合SVG命令绘制自定义图形（如应用Logo）。动画效果部分则展示了如何利用animateTo实现闪屏动画，包括渐出、放大效果，并设置页面跳转；同时介绍了页面间共享元素转场动画的实现方式。最后，文章列举了声明式开发范式中的各类组件及其功能，帮助开发者快速上手构建复杂交互页面。
枫叶丹4
193 11
varin
|
1月前
|
存储 开发者 容器
鸿蒙 HarmonyOS NEXT星河版APP应用开发-ArkTS面向对象及组件化UI开发使用实例
本文介绍了ArkTS语言中的Class类、泛型、接口、模块化、自定义组件及状态管理等核心概念，并结合代码示例讲解了对象属性、构造方法、继承、静态成员、访问修饰符等内容，同时涵盖了路由管理、生命周期和Stage模型等应用开发关键知识点。
varin
203 1
鸿蒙 HarmonyOS NEXT星河版APP应用开发-ArkTS面向对象及组件化UI开发使用实例
枫叶丹4
|
4月前
|
JavaScript 前端开发 UED
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发四
本文介绍了Web组件开发与性能优化的相关内容。在Web组件开发部分，涵盖创建组件、设置样式与属性、添加事件和方法以及场景示例，如动态播放视频。性能提升方面，推荐使用数据懒加载、条件渲染替代显隐控制、Column/Row替代Flex、设置List组件宽高及调整cachedCount减少滑动白块等方法，以优化应用性能与用户体验。
枫叶丹4
207 56
枫叶丹4
|
4月前
|
编解码 UED 开发者
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发之常见布局
本文主要介绍了自适应布局与响应式布局的相关内容。自适应布局部分涵盖线性布局、层叠布局、弹性布局和网格布局，详细说明了各布局的特性及使用方法，例如线性布局中的排列、拉伸与缩放，弹性布局的方向、换行与对齐方式等。响应式布局则重点讲解了栅格系统和媒体查询，阐述如何通过栅格组件和媒体查询条件实现不同设备上的适配效果。这些技术帮助开发者灵活应对多尺寸屏幕的设计需求，提升用户体验。
枫叶丹4
269 55
卓伊凡
|
8月前
|
前端开发 安全 开发工具
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
卓伊凡
479 90
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
枫叶丹4
|
5月前
|
存储 开发框架 API
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发二
本文详细介绍了基于声明式UI开发的健康饮食应用的设计与实现过程。内容涵盖从基础环境搭建到复杂功能实现的全流程，包括创建简单视图、构建布局（如Stack、Flex）、数据模型设计、列表与网格布局构建，以及页面跳转和数据传递等核心功能。 本文通过实际案例深入浅出地解析了声明式UI开发的关键技术和最佳实践，为开发者提供了宝贵的参考。
枫叶丹4
206 14

热门文章

最新文章

  • 1
    使用 Playwright MCP 实现 UI 自动化测试
  • 2
    Playwright MCP在UI回归测试中的实战：构建AI自主测试智能体
  • 3
    抓紧上车，别再错过啦， Github 开源后台管理平台，Naive UI ！！！
  • 4
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（二）：CSS伪类：UI伪类、结构化伪类；通过伪类获得子元素的第n个元素；创建一个伪元素展示在页面中；获得最后一个元素；处理聚焦元素的样式
  • 5
    超大坑！springboot + vue + element-ui，运行前端项目报these dependencies were not found的问题
  • 6
    PyQt5 图形界面-用Qt Designer来设计UI界面，并转化为python代码运行实例演示
  • 7
    docker 安装flowable-ui使用mysql
  • 8
    CodeFirst写界面——自己写客户端UI库
  • 9
    browser.html – HTML 实现 Firefox UI
  • 10
    探索鸿蒙新世界：ArkUI框架实战指南，解锁HarmonyOS应用UI设计的无限可能！
  • 1
    【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发四
    207
  • 2
    【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发之常见布局
    269
  • 3
    UI自动化测试中的元素等待机制解析
    142
  • 4
    48.[HarmonyOS NEXT RelativeContainer案例五] 精确表单布局：辅助线定位技术打造专业级UI
    109
  • 5
    44.[HarmonyOS NEXT RelativeContainer案例一] 掌握组件锚点布局：打造灵活精准的UI定位系统
    157
  • 6
    09.HarmonyOS Next数据驱动UI开发：ForEach与动态渲染完全指南(上)
    118
  • 7
    06.HarmonyOS Next UI进阶：Text组件与视觉样式完全指南
    231
  • 8
    【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发三
    193
  • 9
    【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发二
    206
  • 10
    【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发一
    191

    • 相关电子书

    更多
  • 使用TensorFlow搭建智能开发系统自劢生成App UI代码
  • Fusion Design - 企业级UI解决方案揭秘
  • 使用TensorFlow搭建智能开发系统自动生成App UI
    • 下一篇
    一文了解：阿里云对象存储OSS是什么？