Laravel尾風ボイラープレートとVue準備

4985 ワード

ハッピーフライデー!
今週、私は新しいLaravelプロジェクトを始めるとき、私に時間を節約するために単純なGithubレポで働いていました.
それが呼ばれるレポLaravel Tailwind Boilerplate & Vue ready
それは最初からあなたのlaravelプロジェクトを開始するためのテンプレートで構成されています.
それは非常に簡単です!ない余分な機能はない、auth、API、何もない!
初期のパッケージをインストールするだけで初期設定のパッケージとConfiginIntテールウインド、SCSSとVueの資産を保存します.
私はgithubを表示し、どのように動作します!ありがとう、素晴らしい週末を!
https://github.com/magarrent/laravel-tailwind-boilerplate-vue-ready

機能

ラーラベル8

準備風2.1準備とロード

@タイポグラフィー・タイポグラフィ

@TailWindCSS/フォーム

ダークモードレディ

デフォルトで有効になっているすべての変形

Vue 2、Vuex、Vueルータ、Vue Axios

SCSS/SASS準備完了

用途

🌟 Give a repo Star :)

ジャストdownload the latest ZIP release Lavavelプロジェクトのリポジトリとinitの

npm install # install npm dependencies

npm run dev # compile assets

composer install # install php dependencies

資産

resources/
┣ css/
┃ ┗ tailwind.css # Import tailwind classes
┣ js/
┃ ┣ components/
┃ ┃ ┗ App.vue # Default App.vue for initial Vue config
┃ ┣ app.js # Vue init & configuration
┣ scss/
┃ ┗ custom.scss # Custom scss file for your peoject

Webpackミックスの設定

mix
    .js('resources/js/app.js', 'public/js').vue({ version: 2 }) // Vue template
    .postCss('resources/css/tailwind.css', 'public/css', [ // Tailwind css loaded
        require("tailwindcss"),
    ])
    .sass('resources/scss/custom.scss', 'public/css'); // Custom Scss file