Giter VIP home page Giter VIP logo

ele-admin-template's Introduction

介绍

本项目的定位是中台应用的基础模板,它基于vue和element-ui实现,只包含最基础的功能和组件。

目前版本为v1.0.0基于vue-cli4.x进行构建

启动

# Project setup
npm install

# Compiles and hot-reloads for development
npm run serve

# Compiles and minifies for production
npm run build

# Run your unit tests
npm run test:unit

# Lints and fixes files
npm run lint

# 查看更多配置
See [Configuration Reference](https://cli.vuejs.org/config/).

组件文档编写

之前,当你创建一个 Vue 组件时,你需要手动的为你的组件编写文档,这包括:

  • props:你的组件接收哪些 props,以及他们的类型、默认值、是否必须等等
  • events: 你的组件会提供哪些事件,以及事件回调函数的参数
  • slots: 你的组件提供哪些 slots,他们的含义是什么
  • methods: 有时候你的组件也会提供一些允许外部通过组件实例调用的方法

组件文档生成工具:vuese 配置文件: vuese.config.js

# 自动生成组件文档
vuese gen

项目文档编写

目录结构

docs                # 文档目录
|-- .vuepress       # 文档配置文件
|-- components      # 组件文档
|-- guide           # 项目开发指南
|-- README.md       # 文档首页

开始编写文档

# 开发项目文档
npm run docs:dev

# 打包项目文档
npm run docs:build

说明 组件文档会通过vuese gen指令自动生成到docs/components文件夹中

ele-admin-template's People

Contributors

chanring avatar

Stargazers

 avatar  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.