「Tep3-onk-2」の版間の差分
提供: wikipokpok
(→new) |
(→new) |
||
| 1行目: | 1行目: | ||
[[category:memo|{{PAGENAME}}]] | [[category:memo|{{PAGENAME}}]] | ||
{{Font color}} | {{Font color}} | ||
| + | == 準備 == | ||
| + | プロジェクトディレクトリ作成 | ||
| + | 移動 | ||
| + | バージョン確認 | ||
| + | |||
== new == | == new == | ||
% rails new tep5 -d postgresql --css tailwind | % rails new tep5 -d postgresql --css tailwind | ||
2022年9月17日 (土) 10:06時点における版
準備
プロジェクトディレクトリ作成 移動 バージョン確認
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"> // テーマを選ぶ
