Git Product home page Git Product logo

vue3-component-library's Introduction

Vue3 + Vite + Storybook + Lerna Component Library Blueprint

Blueprint for large Vue JS projects, using the new and exciting Vite build tool and Lerna monorepo manager.

Live Demo

Packages storybook live demo: https://squanch-vue3.netlify.app/ Packages NPM organization: squanch-vue3

Install

Initialize the project as follows:

git clone https://github.com/fatihsinanyaman/vue3-component-library.git
cd vue3-component-library
npm run initialize

This downloads the project into vue3-component-library folder, installs all dependencies, prepares Lerna monorepo and creates symlinks for internal dependencies. All is now ready for build.

Create New Package

npm run new {packageName}

package files will be automatic generation

Build

Run the following to build all packages:

npm run build

This runs a production build. In each package you will now find /dist folder where package code is bundled.

StoryBook

Run the following to livepreview all packages:

npm run storybook

This runs storybook for preview & development.

Publish Packages

Lerna will be publish automaticly all packages indipendent versions under the organization scope. For example: squanch-vue3

npm run publish

package files will be automatic generation

License

MIT

vue3-component-library's People

Contributors

fatihsinanyaman avatar

Stargazers

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

Watchers

 avatar

Forkers

wanghong2013

vue3-component-library's Issues

Babel warning

@babel/preset-env config, it will not be used for @babel/plugin-proposal-private-private-property-in-object since the "loose" mode option was set to "true" for @babel/plugin-proposal-private-methods.
The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-private-property-in-object (when they are enabled): you can silence this warning by explicitly adding
["@babel/plugin-proposal-private-private-property-in-object", { "loose": true }]
to the "plugins" section of your Babel config.

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.