New Angular Project

Update Angular CLI

sudo npm install -g @angular/cli@next

New Project

ng new angular-tour-of-heroes

Add ES Linter and Prettier

npm i -D @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-airbnb-base eslint-config-prettier eslint-plugin-import eslint-plugin-prettier prettier

Copy .eslintrs.js and .prettierrc.json.

Tailwind CSS

npm install -D tailwindcss
npm i @tailwindcss/typography @tailwindcss/forms

Copy tailwind.config.js

Add to style.scss:

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

To enable purge in production use:

NODE_ENV=production ng build

Update to next stable version

ng update @angular/cli @angular/core

Last updated