PHPackages                             techrino/vue-tailwind-laravel-ui-preset - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. techrino/vue-tailwind-laravel-ui-preset

ActiveLibrary

techrino/vue-tailwind-laravel-ui-preset
=======================================

A Vue Tailwind Laravel UI Preset inspired by VueCLI

1.0.0(5y ago)07MITJavaScript

Since Oct 3Pushed 5y ago1 watchersCompare

[ Source](https://github.com/leeliwei930/vue-tailwind-laravel-ui-preset)[ Packagist](https://packagist.org/packages/techrino/vue-tailwind-laravel-ui-preset)[ RSS](/packages/techrino-vue-tailwind-laravel-ui-preset/feed)WikiDiscussions master Synced 3d ago

READMEChangelog (1)Dependencies (1)Versions (2)Used By (0)

Vue Tailwind Laravel UI Preset
==============================

[](#vue-tailwind-laravel-ui-preset)

What's inside this presets?

- Vue 2.6.12
- Laravel Mix 5
- Tailwind 1.8.x
- Pug Template Engine for writing Vue SFC template
- ESLint (Optional)
    - ESLint Import Resolver Alias
    - ESLint Airbnb config

### Available Presets

[](#available-presets)

#### `vue-tailwind-preset`

[](#vue-tailwind-preset)

This preset exclude any eslint configuration

#### `vue-tailwind-eslint-preset`

[](#vue-tailwind-eslint-preset)

This preset contains eslint configuration with Vue recommended code style rule enforced.

#### `vue-tailwind-airbnb-eslint-preset`

[](#vue-tailwind-airbnb-eslint-preset)

This preset contains eslint configuration with Vue + Airbnb JavaScript code style rule enforced.

### 1.0 Installation

[](#10-installation)

```
$ composer require techrino/vue-tailwind-laravel-ui-preset
```

### 1.1 Initialize Preset

[](#11-initialize-preset)

> ⚠️ Warning
>
> Please the command below will overwrite some configuration that are listed in

[List of created configuration](#1.1.1-List-of-created-configuration)

```
$ ▶ artisan ui vue-tailwind

   Select a frontend stack:
    [vue-tailwind-preset              ] Vue + Tailwind CSS
    [vue-tailwind-eslint-preset       ] Vue + Tailwind CSS + ESLint
    [vue-tailwind-airbnb-eslint-preset] Vue + Tailwind CSS + airbnb ESLint
   >
   # Using directional key select a choice
```

#### 1.1.1 List of created configuration

[](#111-list-of-created-configuration)

Once the command above is executed, these configurations file will be placed to your projects.

```
./tailwind.config.js
./postcss.config.js
./webpack.config.js
./webpack.mix.js
./.eslintrc.json
./.eslintignore
./resources/views
./cypress