Start

• Criar o workspace:

ng new [name] --create-application=false --package-manager=yarn

Git Flow

• Iniciar o Git Flow:

git flow init

Development Dependencies

Prettier

• Adicionar o prettier, seus plugins e criar os arquivos de configuração:

yarn add prettier --dev;
git add -A;
git commit -m 'chore(prettier): adiciona o "prettier"';

yarn add prettier-plugin-package --dev;
git add -A;
git commit -m 'chore(prettier): adiciona o "prettier-plugin-package"';

yarn add prettier-plugin-tailwindcss --dev;
git add -A;
git commit -m 'chore(prettier): adiciona o "prettier-plugin-tailwindcss"';

echo "{}" > .prettierrc;
git add -A;
git commit -m 'chore(prettier): cria o ".prettierrc"';

echo ".angular\\\\ndist" > .prettierignore;
git add -A;
git commit -m 'chore(prettier): cria o ".prettierignore"'

• Instalar o prettier-plugin-prisma?

yarn add prettier-plugin-prisma --dev;
git add -A;
git commit -m 'chore(prettier): adiciona o "prettier-plugin-prisma"'

• Adicionar o script format:

"format": "prettier --write \\"**/*.{css,html,js,json,md,scss,ts,tsx}\\""

git add -A;
git commit -m 'chore(prettier): adiciona o script "format"';

yarn format;
git add -A;
git commit -m 'style(prettier): formata código'

Tailwind CSS

• Adicionar o tailwindcss:

yarn add autoprefixer postcss tailwindcss --dev;
git add -A; git commit -m 'chore(tailwindcss): adiciona o "autoprefixer", o "postcss" e o "tailwindcss"';
npx tailwind init -p;
git add -A; git commit -m 'chore(tailwindcss): cria os arquivos de configuração'

• Adicionar os paths dos tipos de arquivos que irão usar as classes do tailwindcss no tailwind.config.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{html,ts}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}