1，建立工程的2种方式1）用npm npxreact-create-appxxx2)用脚手架 creacte-react-appxxx【推荐】 2，更换项目图标和title(属于公共的东西在public文件夹里面） public/favicon.ico public/index.html 3，创建react函数组件代码片段文件->首选项->设置用户代码片段

1.0首先下载craco依赖包npminstall@craco/craco-D2.0在项目根目录下面新建craco.config.js文件,里面内容配置为constpath=require('path')module.exports={webpack:{alias:{'@':path.resolve(__dirname,'src')}

1.安装craco工具npmi-D@craco/cracocraco是一个用于扩展CreateReactApp（CRA）的工具，CRA是一个用于快速搭建React应用的脚手架工具。CRA提供了一个简单的项目结构和配置，使得开发者可以快速开始一个React项目的开发。然而CRA的配置是被隐藏的，开发者无法对其进行自定

首先下载包craconpmi-D @craco/craco1.路径解析在项目根目录下创建craco.config.js配置如下2.vscode识别配置在项目根目录下创建jsconfig.json,配置如下3. package.json将start和build的内容改成craco,重启项目 

通常情况下，@路径是作为一个别名来使用，用于指向项目的根目录。这样做的好处是可以简化模块导入时的路径书写，使代码更加清晰和易读。别名路径配置1.路径解析配置（webpack），把@/解析为src/（1）下载插件craconpmi-D@craco/craco（2）项目根目录下创建配置文件craco.config.js（配

react安装了antd配置了@craco/craco后运行yarnstart后直接报错：Cannotfindmodule'react-scripts\package.json'Requirestack:/*package.json*/"scripts":{-

-antd官网：https://ant.design/components/安装：npminstallantd简单使用：importReactfrom'react'import'./App.css'import{Button,DatePicker}from'ant

计划选择最近，做反应项目，然后就想到了为项目配置路径别名，毕竟我一直在看../../../等到这个很不爽，就想着配置一个项目@作为一个项目源代码使用的别名，这是之前完成