创建React+Ts项目

1.创建脚手架

create-react-app 项目名称 --template typescript

2.配置路径别名

配置路径别名---React_h5 路径别名设置-CSDN博客

3.添加组件库

npm i antd --save

  App.tsx 文件  引用 ant design react

import React from 'react';

import { Button } from 'antd';

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

export default App;

语言汉化

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
// import reportWebVitals from './reportWebVitals';

import { ConfigProvider } from 'antd';
import zhCN from "antd/locale/zh_CN"

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <React.StrictMode>
    <ConfigProvider locale={zhCN}>
      <App />
    </ConfigProvider>
  </React.StrictMode>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
// reportWebVitals();

4.路由

npm i react-router-dom

npm i @reduxjs/toolkit react-redux