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

提供: wikipokpok
移動先: 案内検索
(new)
(準備)
4行目: 4行目:
 
  プロジェクトディレクトリ作成
 
  プロジェクトディレクトリ作成
 
  移動
 
  移動
  バージョン確認
+
  [[rails前バージョン確認|バージョン確認]]
  
 
== new ==
 
== new ==

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

準備

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

new

% rails new tep5 -d postgresql --css tailwind
% cd tep5
% 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">  // テーマを選ぶ