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

【react】react创建项目与引入AntD组件库:

文章目录

        • 一、初始化项目:
            • 【1】创建项目
            • 【2】暴露项目配置文件
            • 【3】安装依赖
            • 【4】配置less
        • 二、快捷键:
            • 【1】`rcc+tab`
        • 三、安装AntD组件库:
            • 【1】安装
            • 【2】index.js
            • 【3】问题:
            • 【4】效果:


一、初始化项目:

【1】创建项目

npx create-react-app xxx //xxx为项目名称

【2】暴露项目配置文件

npm run eject

在这里插入图片描述

【3】安装依赖

npm i react-router-dom axios -D

yarn add less less-loader@5.0.0 -D

【4】配置less

复制sass的,改成less

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

二、快捷键:

【1】rcc+tab

在这里插入图片描述

三、安装AntD组件库:

【1】安装

npm install antd --save

【2】index.js

在这里插入图片描述

【3】问题:

【解决办法】:http://t.csdn.cn/dlh8U
在这里插入图片描述

【4】效果:

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

http://www.lryc.cn/news/21367.html

相关文章:

  • hook与mixin
  • 【C语言】自定义类型
  • 没有上司的舞会(C++,树形DP)
  • 【java基础】static和final关键字的作用及其用法详解
  • #集成学习#:bagging、boosting、stacking和blending
  • NCRE计算机等级考试Python真题(一)
  • C#协变逆变
  • 算法设计与分析期末考试复习(四)
  • qsort函数排序数据 and 模拟实现qosrt函数(详解)
  • Mysql视图,存储过程,触发器,函数以及Mysql架构
  • 什么是线程死锁?如何解决死锁问题
  • C语言几种判断语句简述
  • 【python学习笔记】:SQL常用脚本(二)
  • 【Linux】进程地址空间
  • Qt音视频开发17-vlc内核回调拿图片进行绘制
  • 安装配置DHCP
  • MarkDown中写UML图的方法
  • Axure8设计—动态仪表盘
  • 【C++】类和对象的六个默认成员函数
  • 4、算法MATLAB---认识矩阵
  • vue3+rust个人博客建站日记2-确定需求
  • Linux安装云原生网关Kong/KongA
  • Vue学习笔记(2)
  • 2023年三月份图形化四级打卡试题
  • Python操作Excel
  • Codeforces Round #853 (Div. 2) C. Serval and Toxel‘s Arrays【统计次数,算贡献】
  • 微信小程序-1:比较两数的大小
  • 数据结构——树
  • 【华为OD机试模拟题】用 C++ 实现 - 找到它(2023.Q1)
  • python中yield的使用