快速开始

快速开始

从github上clone代码，通过下面介绍的命令，进行开发或者生产构建。

环境

yarn v1.13.0
node v10.13.0

下载

$ git clone https://github.com/sxfad/react-admin.git

安装依赖

$ cd react-admin
$ yarn

注：首次使用yarn安装依赖可能比较慢，可以切换到国内镜像，或者翻墙。

开发启动

$ cd react-admin
$ yarn start
# 指定端口
$ PORT=8080 yarn start
# HTTPS方式启动
$ HTTPS=true yarn start
# 不清除终端log，如果要调试构建脚本时，比较实用
$ FORCE_COLOR=true yarn start | cat

注：启动会有点慢，耐心等待一会儿，启动成功后会自动打开浏览器。windows环境下可以使用 cross-env设置命令行变量。

生产构建

$ cd react-admin
$ yarn build

注：构建生成的文件在 /react-admin/build 目录下；nginx配置参考。

域名子目录发布项目

如果项目需要挂载到域名的一个子目录下，比如 http://xxx.com/react-admin，可以修改src/router/AppRouter.jsx中的ROUTE_BASE_NAME常量。生产构建时添加PUBLIC_URL参数（开发时不需要）。

修改src/router/AppRouter.jsx：

...
export const ROUTE_BASE_NAME = '/react-admin';
...

开发

启动：

$ yarn start

访问：

http://localhost:4001/react-admin/

生产

构建：

$ PUBLIC_URL=/react-admin yarn build

访问：

http://xxx.com/react-admin