jshprz/vue-tailwind-vite-template

A VueJS project template with out-of-the box configuration for TailwindCSS and ViteJS

Vue + Tailwind CSS + Vite

Introduction

Are you unsure about how to start building a production-ready frontend for your VueJS project? Look no further! This template should help get you started developing your frontend app with VueJS and Tailwind CSS. Powered by ViteJS, the next-generation frontend tooling, this template provides you with an efficient development environment.

Features

• Out-of-the-box configuration for VueJS 3, Tailwind CSS, and ViteJS.
• Typescript compatibility.
• A pre-installed linter and prettier powered by eslint to ensure your JavaScript code follows best practices.
• Adheres to the Typescript-eslint style guide.

Recommended IDE Setup

• VS Code + Volar.

Getting Started

Follow these simple steps to get started with this template:

1. Make sure you have NodeJS(version >=16) installed on your machine. NodeJS download here
2. Clone this repository to your local machine.
3. Install the required dependencies using npm install.
4. Run the linter and build your production-ready frontend with npm run build.
5. Start the development server with npm run dev.

How to deploy your VueJS App to Microsoft Azure SWA

• Azure Static Web Apps overview
• Use this template repository with the Vue quickstart to build and customize a new static site.