https://github.com/Edsonalencar/Vitalis-template

https://github.com/Edsonalencar/Vitalis-template

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/Edsonalencar/Vitalis-template
• Owner: Edsonalencar
• Created: 2022-01-22T01:34:04.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-30T00:33:01.000Z (about 3 years ago)
• Last Synced: 2024-08-01T13:39:01.886Z (7 months ago)
• Language: Vue
• Size: 142 KB
• Stars: 13
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue 3 + Typescript + Tailwind + Vite

This template should help get you started developing with Vue 3, Typescript and Tailwind in Vite. 

It is worth mentioning that this model was made using the [vite-vue3-tailwind-starter](https://github.com/web2033/vite-vue3-tailwind-starter) model as a base.

## This starter template includes:

- [Vite](https://vitejs.dev/guide/)

- [Vue 3](https://staging.vuejs.org/guide/introduction.html)

- [Vue Router v4](https://github.com/vuejs/vue-router-next)

- [Tailwind CSS v3](https://tailwindcss.com/docs/configuration)

- [Headless UI](https://headlessui.dev/vue/menu) - unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS

- [Heroicons](https://github.com/tailwindlabs/heroicons#vue) - beautiful hand-crafted SVG icons, by the makers of Tailwind CSS

- [Typescript](https://www.typescriptlang.org/)

- [Eslint](https://eslint.org/docs/user-guide/getting-started)

- [Prettier](https://prettier.io/docs/en/install.html)

- [prettier-plugin-tailwindcss](https://tailwindcss.com/blog/automatic-class-sorting-with-prettier) - Automatic Class Sorting with Prettier

First-party plugins needed for Tailwind UI:

- [tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms)

- [tailwindcss/typography](https://tailwindcss.com/docs/typography-plugin)

- [tailwindcss/line-clamp](https://github.com/tailwindlabs/tailwindcss-line-clamp)

- [tailwindcss/aspect-ratio](https://github.com/tailwindlabs/tailwindcss-aspect-ratio)

## Recommended

- [VSCode](https://code.visualstudio.com/)

- [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)

The template uses Vue 3 `` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Getting Started

```

npx degit Edsonalencar/Vitalis-template my-project

cd my-project

```

```

npm i         | yarn

npm run dev   | yarn dev

npm run build | yarn build

```