Giter Site home page Giter Site logo

wbc-doc's Introduction

wbc-doc

用于 web-component 的移动端 doc 生成

doc中 config.json 配置说明

名字 描述
name 没啥用
guide 开发指南下面的menu, 需要去doc/render/renderGuide中配置渲染方法
componentsPath 组件文件夹的位置,需要用来读取文件夹下组件目录
demoDir 每个组件内demos的位置,需要读取demo,并生成和dev html的对应关系
devDir 每个组件内dev html的位置,html文件名称,要和对应的demo名称一致
components 文档内包含的所有组件。 根据类型type分类会显示在左侧的menu中,格式不能错,不然读不到组件名称

使用

npm install npm run dev

http://localhost:9000/

自定义

方法都写在 doc/src 中,因为功能不多,而且是自用,所以代码比较简单,修改起来应该也很方便。

讲道理应该是没有框架限制的,只要经过合适的编译,通过js引入html中,所有框架都是可以实现的。

已经支持vue组件,可以查看vue分支。

已经支持react组件,可以查看react分支

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.