- React
- Webpack
- React-router
- React-redux
- Ant design
- 图表用了Ant design社区推荐的G2
- 为了方便查看redux的状态树,可以在chrome里安装redux插件 - redux-devtools-extension
- npm install
- npm run start (for develop stage)
- open localhost:8888
或者
- npm run dev/build (for production stage)
- 打开index.html即可
- npm init生成package.json
- 用npm下载项目所用到的依赖,具体见package.json
- 新建webpack.config.js,编写开发阶段所需的组件打包等程序
- 新建webpack.production.config.js, 供production阶段使用,打包并压缩代码体积
- 新建文件夹src存放所有的js和css代码
- src/root.js为程序入口,页面所有路径和对应的内容在此文件进行设置
- redux是为了方便api数据的保存读取,在项目中由store, action, reducer, container组成,模板里只有table的数据用到了redux作为示例
- 使用npm start运行,web-dev-server可以实现代码改动进行自动刷新,方便代码改动与调试
之后想到什么还会继续添加,如果有不对的地方欢迎大家给我指正~