Closed AmirhosseinOlyaei closed 1 year ago
Project 4: My Simple Todo
[x] Bootstrapping TailwindCSS
@__ install once per device `https://nodejs.org/en/download/` or `brew install node` sudo npm i -g yarn @__ from here down, for every project *Create a repository `team-carnival-the-craigslist-rebuild` cd msimbo-projects git clone git@github.com:AmirhosseinOlyaei/team-carnival-the-craigslist-rebuild.git cat >> .gitignore node_modules ^C yarn add -D tailwindcss npx tailwindcss init *Replace: `content: ["./src/**/*.{html,js}", "./*.{html,js}"],` in tailwind.config.js cat >> tailwind.css /* tailwind.css */ @tailwind base; @tailwind components; @tailwind utilities; ^C // run on bash: npx tailwindcss -i ./src/tailwind.css -o ./dist/styles.css --watch // or add to package.json: "scripts": { "dev:serve": "live-server .", "tw:watch": "npx tailwindcss -i ./src/tailwind.css -o ./dist/styles.css --watch" } *Add `<link href="/dist/styles.css" rel="stylesheet">` in index.html git add . git commit -m "fixes # - bootstrapping tailwindcss" git push -u origin touch README.md
Project 4: My Simple Todo
[x] Bootstrapping TailwindCSS