Skip to content

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

Notifications You must be signed in to change notification settings

jshprz/vue-tailwind-vite-template

Repository files navigation

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

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