基于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规范
请看项目根目录下的代码规范
技术 | 说明 | 官网 |
---|---|---|
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/ |