https://github.com/michaelcurrin/primevue-quickstart

Starter template for a PrimeVue app
https://github.com/michaelcurrin/primevue-quickstart

boilerplate node primevue quickstart starter template vue

Last synced: about 1 month ago
JSON representation

Starter template for a PrimeVue app

• Host: GitHub
• URL: https://github.com/michaelcurrin/primevue-quickstart
• Owner: MichaelCurrin
• Created: 2021-05-07T10:25:12.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2022-12-02T15:30:07.000Z (over 3 years ago)
• Last Synced: 2025-03-04T15:47:29.427Z (over 1 year ago)
• Topics: boilerplate, node, primevue, quickstart, starter, template, vue
• Language: Vue
• Homepage:
• Size: 162 KB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# PrimeVue Quickstart

> Starter template for a PrimeVue app

[![GitHub tag](https://img.shields.io/github/tag/MichaelCurrin/primevue-quickstart?include_prereleases=&sort=semver)](https://github.com/MichaelCurrin/primevue-quickstart/releases/)

[![License](https://img.shields.io/badge/License-MIT-blue)](#license)

[![Made with Node.js](https://img.shields.io/badge/Node.js->=12-blue?logo=node.js&logoColor=white)](https://nodejs.org)

[![Made with Yarn](https://img.shields.io/badge/Yarn-1-blue?logo=yarn&logoColor=white)](https://classic.yarnpkg.com)

[![Package - vue](https://img.shields.io/github/package-json/dependency-version/MichaelCurrin/primevue-quickstart/vue?logo=vue.js&logoColor=white)](https://www.npmjs.com/package/vue)

[![Package - primevue](https://img.shields.io/github/package-json/dependency-version/MichaelCurrin/primevue-quickstart/primevue)](https://www.npmjs.com/package/primevue)

## Preview



    



## Use this project



[![Use this template](https://img.shields.io/badge/Generate-Use_this_template-2ea44f?style=for-the-badge)](https://github.com/MichaelCurrin/primevue-quickstart/generate)



## About

PrimeVue is "The Most Complete Vue UI Component Library". It allows you to use components and a theme system on your existing Vue app.

Learn more about PrimeVue in my [Dev Resources](https://michaelcurrin.github.io/dev-resources/resources/javascript/packages/primevue/).

See also this template project, which uses PrimeVue without Node or a build step:

- [![MichaelCurrin - primevue-frontend-quickstart](https://img.shields.io/static/v1?label=MichaelCurrin&message=primevue-frontend-quickstart&color=blue&logo=github)](https://github.com/MichaelCurrin/primevue-frontend-quickstart)

## Documentation

> How to install and run the app locally and deploy it to GH Pages



[![View - Documentation](https://img.shields.io/badge/View-Documentation-blue?style=for-the-badge)](/docs/)



## Start a new project from scratch

1. Create Vue app.

    ```sh

    $ npx @vue/cli new my-app

    cd my-app

    ```

2. Add PrimeVue dependencies.

    ```sh

    $ yarn add primevue@^3.3.5 primeicons@latest

    ```

3. Set up PrimeVue CSS in [main.js](/src/main.js).

4. Set up PrimeVue components in [main.js](src/main.js) and then use them in `.vue` files.

For more ideas, see [PrimeVue Quickstart](https://github.com/primefaces/primevue-quickstart) by PrimeFaces.

## Credits

- [Vue CLI](https://cli.vuejs.org/) - for generating the base Vue app.

- [PrimeVue Quickstart](https://primefaces.org/primevue/showcase/#/setup) page in the docs - For indicating what dependencies to add.

- [PrimeVue Quickstart](https://github.com/primefaces/primevue-quickstart) repo by PrimeFaces - for the PNG logo and ideas for basic component use.

- [icon-logo.png](https://www.primefaces.org/primevue/resources/images/icon-logo.png) favicon - from the PrimeVue website.

## License

Released under [MIT](/LICENSE) by [@MichaelCurrin](https://github.com/MichaelCurrin).



[![Use this template](https://img.shields.io/badge/Generate-Use_this_template-2ea44f?style=for-the-badge)](https://github.com/MichaelCurrin/primevue-quickstart/generate)