Coder Social home page Coder Social logo

ric-universe's Introduction

项目进度

1、使用pnpm初始化主体项目;

2、创建项目结构:

  |- docs(文档目录)
  |- examples(案例目录)
  |- packages(子项目目录)
  |- scripts(脚本文件目录)
  |- .editorconfig(IDE基础配置文件)
  |- .eslintignore(代码校验过滤配置)
  |- .eslintrc.js(eslint校验配置文件)
  |- .npmrc(npm基础配置文件)
  |- .prettierignore(代码格式化过滤配置)
  |- .prettierrc(代码格式化配置文件)
  |- .gitignore (git提交过滤配置)
  |- .stylelintrc.js(样式规则校验配置文件)
  |- .stylelintignore(样式规则校验过滤配置)
  |- commitlint.config.js(git提交规则配置)
  |- package.json()
  |- pnpm-workspace.yaml()
  |- README.md()

3、使用pnpm init 初始化子项目:

  |- ric-cli(通用打包相关脚本),
  |- ric-commitlint-config(git提交规范配置),
  |- ric-eslint-config(规范化eslint插件),
  |- ric-prettier-config(代码格式化规范化配置),
  |- ric-stylelint-config(规范化样式格式配置),
  |- ric-mobile-ui(移动端组件),
  |- ric-ui(pc端组件),
  |- ric-request(通用请求对象),
  |- ric-utils(常用JavaScript方法),
  |- ric-create-app(创建h5项目),
  |- ric-create-admin(创建控台子系统项目);

3、修改子项目名称:@ric-universe/xxx;

4、主程序引入公共依赖:

ric-universe:

  • commander
  • inquirer
  • chalk
  • ora
  • download-git-repo
  • husky
  • changeset
  • commitizen
  • conventional-changelog-conventionalcommits
  • lint-staged

5、子项目引入依赖:

  |- ric-cli()
  |- ric-commitlint-config(bumpp),
  |- ric-eslint-config(),
  |- ric-prettier-config(bumpp),
  |- ric-stylelint-config(bumpp),
  |- ric-mobile-ui(vue、babel、webpack),
  |- ric-ui(h_ui、vue、babel、webpack),
  |- ric-request(axios、),
  |- ric-utils(rollup),
  |- ric-create-app(),
  |- ric-create-admin();

6、子项目构建难度与完成进度:

  • ric-prettier-config(*)
  • ric-commitlint-config(*)
  • ric-stylelint-config(*)
  • ric-request(*)
  • ric-utils(*)
  • ric-create-app(**)
  • ric-cli(***)
  • ric-eslint-config(***)
  • ric-mobile-ui(****)
  • ric-ui(****)
  • ric-create-admin(****)

7、git commit规范化方案

commitizen + conventional-changelog-cli + cz-conventional-changelog + husky + lint-staged + @commitlint/cli + @commitlint/config-conventional

8、eslint 校验方案

9、prettier 格式化方案

10、style 规范化方案

ric-universe's People

Contributors

captainjee avatar

Watchers

 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.