当前位置: 首页 > article >正文

react Ant Design

一、通过项目模版创建一个react项目

set NPM_CONFIG_REGISTRY=https://registry.npmmirror.com
pnpm create vite antd-demo
cd antd-demo
pnpm install
pnpm install antd --save

打开项目:

修改:welcome.tsx

import React from 'react';
import { Button } from 'antd';

export function Welcome() {
  return (
      <div className="App">
          <Button type="primary">Button</Button>
      </div>
  );
}

 

 运行:


http://www.kler.cn/a/441935.html

相关文章:

  • 编辑器Vim基本模式和指令 --【Linux基础开发工具】
  • Git:问题解决办法 及 Tips 总结
  • 封装Redis工具类
  • 认识 MySQL 和 Redis 的数据一致性问题
  • LabVIEW 蔬菜精密播种监测系统
  • Java开发提效秘籍:巧用Apache Commons IO工具库
  • Next.js搜索引擎优化:静态站点生成的SEO优势详解
  • 【C语言】打牌游戏
  • visual studio添加滚动条预览
  • SSM 寝室管理系统:为住宿生活保驾护航
  • sqlilabs第三十关到第三十五关靶场攻略
  • Linux脚本语言学习--上
  • Cesium-(Primitive)-(CylinderGeometry)
  • 8、基于SpringBoot的房屋租赁系统
  • Nginx负载均衡策略详解
  • 安装与配置MongoDB 6.0以支持远程连接
  • 搭建Tomcat(六)---Response的实现
  • 为什么 HTTP/3 抛弃了 TCP?是解决问题还是制造问题
  • Linux——Shell
  • 什么是 PHP 键值对
  • Java 多态的理解
  • 按类别调整目标检测标注框的写入顺序以优化人工审核效率
  • VMProtect:软件保护与安全的全面解决方案
  • LabVIEW农机自主导航监控系统
  • 【Redis篇】Set和Zset 有序集合基本使用
  • 【系统】Mac crontab 无法退出编辑模式问题