智慧物流>> h5-accounting>> 返回
项目作者： Maricaya

项目描述 ：
react + Typescript 的记账系统
高级语言： JavaScript
项目地址: git://github.com/Maricaya/h5-accounting.git
创建时间： 2020-04-24T05:52:16Z
项目社区：https://github.com/Maricaya/h5-accounting
开源协议：
下载


项目介绍

使用 React + Typescript 构建的记账h5，暂使用 LocalStorage 作为本地数据库，后期会改为 node。

预览页面：https://maricaya.github.io/money-website/#/money

本项目只有4个页面，但作为入门项目已经够用了。

项目搭建

使用 webpack4.0 从零搭建 React + TypeScript 应用

[Create React App 中配置 CSS (css normalize、scss、styled-components) 的正确姿势]
(https://juejin.im/post/5f10464be51d451dde2e60f5)

使用 svg-sprite-loader、svgo-loader 优化项目中的 Icon

资源根目录 src 的表示方法

在 tsconfig.json 中配置根目录 "baseUrl": "src"。
在访问文件时，直接写到根目录的文件名称。比如 src/index/index.tsx 文件

  • vue @/index/index.tsx
  • react index/index.tsx