/brige-to-china

留华桥 Brige To China

Primary LanguageTypeScript

留华桥 [brige-to-china]

留华桥

基于Next.js开发的帮助各国留学生在**留学的平台(开发中)


项目目录

├─.idea:IDEA配置文件
├─.vscode:VSCode配置文件
├─public:静态资源
│ ├─images:图片资源
│ └─favicon.ico:网站图标
├─src:代码入口
│  ├─api:接口
│  ├─components:组件
│  ├─constants:常量
│  ├─hooks:自定义hooks
│  ├─langueges:国际化
│  ├─page_components:页面组件
│  ├─pages:页面
│  ├─store: 全局状态管理
│  ├─styles: 样式
│  ├─utils: 工具函数
│  └─globalConfig.ts: 全局配置
├─.babelrc: babel配置
├─.env: 环境变量
├─.env.dev: 开发环境变量
├─.env.prod: 生产环境变量
├─.eslintignore: eslint忽略文件
├─.eslintrc.js: eslint配置
├─.gitignore: git忽略文件
├─.prettierrc.js: prettier配置
├─next.config.js: next配置
├─next-env.d.ts: next环境变量
├─package.json: 依赖
├─README.md: 项目说明
├─tsconfig.json: ts配置
└─yarn.lock: yarn依赖

项目运行

yarn  # 安装依赖
yarn dev # 运行项目
yarn build # 打包项目
yarn start # 运行打包后的项目

git规范

请看项目根目录下的git规范

代码规范

请看项目根目录下的代码规范

技术选型

技术 说明 官网
React JavaScript库 https://reactjs.org/
Next.js React框架 https://nextjs.org/
Axios 网络请求库 https://axios-http.com/
Sass CSS预处理器 https://sass-lang.com/
Antd UI库 https://ant.design/
React-redux 全局状态管理器 https://react-redux.js.org/
Redux-toolkit Redux 开发工具集 https://cn.redux.js.org/redux-toolkit/overview/
React-items-carousel 第三方轮播图组件 https://kareemaly.github.io/react-items-carousel/