- Rantron PC 前端框架(多页面)
- 老版示例:http://www.fhd001.com/support/center/center.html#/
- typescript + react + mobx + antd(v4) + axios + webpack
- TSLint: https://palantir.github.io/tslint/rules/
- stylelint
- Prettier
- workspace setting.json: {"editor.tabSize": 2,"editor.formatOnSave": true,"prettier.semi": false,"prettier.singleQuote": true}
- import 外部包 import React, { Component } from 'react'; import { hot } from 'react-hot-loader';
- 空行
- import 项目内 import Test from '@public/Test'; import Counter from '@view/index/Counter/Counter';
- 空行
- import 静态文件 import '@css/index/main.scss';
- 空行
- 文件内部变量声明
- 空行
- tsx 文件内部逻辑
- 统一使用静态资源服务器上的资源,不在项目内引入,故没有 fileLoader
- react hook 进行开发
- axios 的封装
- api 接口的接口规范、注释
- 打包之前,需要删除整个 distribution 文件夹,再打包,否则会有老文件遗留。
- host 切换成本地,例子:192.168.0.46 www.fhd001.com
- npm start
- 访问 www.fhd001.com:3000/
- 请求接口需要登陆的话,提前到 www.fhd001.com 登陆