当前项目为后台管理系统前端项目模板,所采用前端基础架构为React,生态圈为Ant Design Pro及umi等阿里旗下应用框架体系。
本项目运行需要依赖于node.js服务框架以及推荐使用yarn管理器,下载方式如下所示
安装nodejs并配置环境,nodejs下载地址:https://nodejs.org/zh-cn/download/
通过npm指令下载安装yarn,进入cmd输入:
npm install -g yarn
当环境搭建完成后需要将远程文件克隆至所对应的文件夹下
克隆远程仓库至本地(xxx为当前git项目对应地址)
git clone xxx
当项目已经克隆成功后需要安装项目运行的依赖项(node_modules),找到项目,进入项目根目录,使用命令
yarn
或者
yarn install
当项目依赖项安装好后,使用命令(如下命令)启动node服务,运行项目,启动成功后,根据控制台提示地址,在浏览器中输入对应链接即可查看项目
yarn start
项目中很多使用了antd默认的配置项,需要修改成自己项目的内容
根目录中config文件夹下defaultsetting.js文件,修改title字段
根目录中src文件夹下assets文件夹中,替换loge.svg文件
根目录中public文件夹下替换favicon.ico文件
根目录中config文件夹下修改defaultSettings.js文件
根目录中config文件夹下修改routes.js文件
根目录中config文件夹下修改proxy.js文件
根目录中utils文件夹下修改request.js
项目开发完成后,需要将项目通过webpack打包成静态文件,然后发送至测试环境或者生产环境的服务下,需要使用以下命令在根目录生成dist以供发布
npm run build
当前项目所用框架繁多,并使用了eslint,jest,stylelint等众多代码校验及单元测试检查工具,请确保代码的严谨性,否则无法提交代码
参考链接:antd,antd pro,antd charts,umi,eslint,jest,stylelint,webpack...