2024-08-06    2024-08-13    187 字  1 分钟

流程

搭建基础 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