React 脚手架搭建 这里项目需要规范化所以采用前端目前常用的技术栈, 这里查看时候打算采用 material-ui 处理.
基本上了解基础的 html+css+jss 和 react 基础就可以了, 其他就是日常积累或者不常用的.
这里需要说明目前不推荐 React 19 直接搭建, 有的核心组件暂时不支持, 千万不要盲目更新到最新版本.
这里采用从零手动搭建 Login+Dashboard 并且过程会补充说明用于加深印象, 首先是创建项目根目录:
# 首先创建目录作为项目根目录 mkdir fusion-devops cd fusion-devops # 进入之后初始化项目 npm init 命令按照自身需要选择就行了, 最后生成 package.json 文件如下:
{ "name": "fusion-devops", "version": "2025.1.10", "private": true, "description": "后台界面", "main": "index.js", "keywords": [ "fusion", "react", "material-ui" ], "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "MeteorCat", "license": "MIT" } name: 项目名称 version: 项目版本, 我喜欢采用 Y.
