EESAST WEB

EESAST 网页前端

开发

环境

• Node 14 / NPM
• Yarn
• TypeScript
• Chrome / Firefox

环境变量

本地开发时在 .env.local 中添加 REACT_APP_HASURA_INSTANCE 和 HASURA_GRAPHQL_ADMIN_SECRET

工具

• VSCode 扩展

  • Prettier
  • ESLint
  • vscode-styled-component
  • Apollo GraphQL

• Chrome 扩展

  • React DevTools

• Postman

脚本

yarn install

安装所有 dependencies 和 devDependencies

yarn start

启动开发服务器，监听源文件更改，并自动刷新网页

yarn build

使用 tsc 编译打包源文件

yarn test

进行测试

yarn lint

使用 ESLint 进行代码风格检查

yarn typecheck

检查类型错误

yarn analyze

对 build 内的打包进行构成分析

yarn codegen

根据后端 GraphQL 定义自动生成 TypeScript 类型文件