「Tep3-onk-2」の版間の差分

提供: wikipokpok
移動先: 案内検索
(準備)
(new)
7行目: 7行目:
  
 
== new ==
 
== new ==
  % rails new tep5 -d postgresql --css tailwind
+
  % rails new . -d postgresql --css tailwind
% cd tep5
 
 
  % bundle install
 
  % bundle install
 
  % rails db:create
 
  % rails db:create

2022年9月17日 (土) 10:15時点における版

準備

プロジェクトディレクトリ作成
移動
バージョン確認

new

% rails new . -d postgresql --css tailwind
% bundle install
% rails db:create
または
% rails db:reset 
% rails db:migrate
% rails server

daisyui

tailwind css UIコンポーネント インストール

% yarn add daisyui

config/tailwind.config.js

plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/aspect-ratio'),
    require('@tailwindcss/typography'),
    require('daisyui'),    // ← 追記する
  ],

app/views/layouts/application.html.erb

<html data-theme="light">  // テーマを選ぶ