Download the PHP package techrino/vue-tailwind-laravel-ui-preset without Composer
On this page you can find all versions of the php package techrino/vue-tailwind-laravel-ui-preset. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download techrino/vue-tailwind-laravel-ui-preset
More information about techrino/vue-tailwind-laravel-ui-preset
Files in techrino/vue-tailwind-laravel-ui-preset
Package vue-tailwind-laravel-ui-preset
Short Description A Vue Tailwind Laravel UI Preset inspired by VueCLI
License MIT
Informations about the package 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
vue-tailwind-preset
This preset exclude any eslint configuration
vue-tailwind-eslint-preset
This preset contains eslint configuration with Vue recommended code style rule enforced.
vue-tailwind-airbnb-eslint-preset
This preset contains eslint configuration with Vue + Airbnb JavaScript code style rule enforced.
1.0 Installation
1.1 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
Once the command above is executed, these configurations file will be placed to your projects.
An extra route /vue-tailwind-laravel-ui-preset
will be added to routes/web.php
for testing out the preset.
1.2 Install Frontend packages
1.3 Build Packages
1.4 Additional Configuration
A webpack alias also get preconfigured in this preset, by default these alias can be used in any .vue
or .js
file
Alias | Path |
---|---|
@ | resources/presets/vue-tailwind-preset/vue |
@css | resources/presets/vue-tailwind-preset/css |
Manage your webpack Alias
All the alias are pre-configured in webpack.config.js
you can modify it based on your usage.
If you are using vue-tailwind-eslint-preset
don't forget to update the alias in .eslintrc.json
at settings
section