GithubHelp home page GithubHelp logo

changjoo-park / vue-component-generator Goto Github PK

View Code? Open in Web Editor NEW
148.0 3.0 25.0 2.02 MB

Vue component generator :)

Home Page: https://changjoo-park.github.io/vue-component-generator/

JavaScript 63.50% HTML 0.54% Vue 35.94% CSS 0.02%

vue-component-generator's Introduction

Vue Component Generator

vue.js component generator for beginner

See Demo

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

vue-component-generator's People

Contributors

changjoo-park avatar ghostiam avatar hyeoksuhan avatar uniconstructor avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

vue-component-generator's Issues

Option to expand or minimize info column

The info column seem to be taking up a bit much space in current implementation, as it contains quite a few lines of text. This makes the UI become less available then necessary. A solution to this could be to have some kind of logo there, with a "About" link, that triggers the view of the contents of this block. This way, the field doesn´t get in the way of the user interface. Another way of solving it, could be to keep the information as it is now, but move it below the user interface.

The guide URL is missing

Hello.
Tooltip at the bottom of example page says:

Vue Component Generator was created for the purpose of describing the vue component. Please refer to the guide because some parts are not included.

The question is: where is the guide? :)
Can you post a url to this guide?

Thank you.

Option to add default values to props with validation

First of all, this is a great concept! This might become very useful both for understanding how to build and use components, and in order to plan and build components very quickly.

I think the following could make a useful improvement here; If you have selected the "Validation" option, you can also add a default value. This feature is often very useful, in order to know what the prop should contain if not provided. My suggestion, is to add another text box together with the "Required" option, that triggers the display of another text input, where you can enter a default value. This way, some props might have a default value, and some might not.

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.