流程
搭建基础 Vite 项目
搭建一个 Vite 项目,详细参考开始 | Vite 官方中文文档
npm create vite@latest
如下:
PS E:\workspace\proj__finance-taxation> npm create vite
> npx
> create-vite
√ Project name: ... finance-taxation
√ Select a framework: » React
√ Select a variant: » TypeScript + SWC
Scaffolding project in E:\workspace\proj__finance-taxation\finance-taxation...
Done. Now run:
cd finance-taxation
npm install
npm run dev
运行后,你就得到了一个由 vite 管理的使用 TypeScript 的 React 项目。
npm run dev
引入 Ant Design
Ant Design - 一套企业级 UI 设计语言和 React 组件库
npm install antd --save
引入 SCSS
npm i sass --save-dev
引入路由
此处,我们不考虑服务端渲染(SSR),采用传统的客户端渲染,故选用 React Router6 来管理路由。
npm install react-router-dom