Code Monkey home page Code Monkey logo

transport-man's Introduction

🚚 物流管理系统

一个学习的项目

技术栈

  1. yarn
  2. React 16
  3. Redux
  4. React Router 5
  5. antd
  6. eslint
  7. prettier
  8. axios
  9. mongoose
  10. lodash
  11. redux-saga

todo:

  • eslint & pre
  • mongoose
  • saga
  • bundle.js 拆分

Usage

yarn

# 开发环境
yarn dev

远程 git

echo "# transport-man" >> README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin [email protected]:Acmu/transport-man.git
git push -u origin master

or

git remote add origin [email protected]:Acmu/transport-man.git
git push -u origin master

项目搭建

添加 .prettierrc .gitignore 文件

yarn init -y

git init

# 整理 package.json

yarn add --dev webpack webpack-dev-server webpack-cli html-webpack-plugin

# 写 src/index.html src/index.js webpack.config.js

touch webpack.config.js

# 用 babel

yarn add --dev @babel/core babel-loader @babel/preset-env @babel/preset-react

# 配置 .babelrc 和 webpack module

# add React

yarn add react react-dom

yarn add --dev cross-env webpack-merge husky eslint-plugin-prettier eslint-config-prettier

yarn add --dev react-hot-loader babel-eslint eslint eslint-plugin-react

yarn add axios lodash classnames recharts

yarn add --dev --exact prettier

yarn add --dev @babel/plugin-proposal-class-properties @babel/plugin-syntax-dynamic-import @babel/plugin-proposal-decorators

# 更换 antd

yarn add antd

yarn add --dev less less-loader style-loader css-loader babel-plugin-import

# 还可以加 immutable redux-actions
// eslint-disable-line prettier/prettier

<!-- prettier-ignore -->

transport-man's People

Contributors

acmu avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.