Angular Starter

.vscode Folder

• extensions.json - has additional extensions I recommend for doing Angular development.

  • Angular Language Service (angular.ng-template). Required
  • Prettier - (esbenp.prettier-vscode) - code formatting.
  • ESLint - (dbaeumer.vscode-eslint) - Linting for JS/TS
  • Tailwind (bradlc.vscode-tailwindcss) - Tailwind Intellisense.
  • TS Error Translator (mattpocock.ts-error-transation) - gives hints about TypeScript and better error messages.

• settings.json - Various settings I prefer for working in Angular.

• tasks.json - I have a run option so that when you open this directory, it automatically starts ng serve -o.

• typescript.code-snippets

  • Has two code snippets for creating Angular components.
  • ngc - Create an Angular Component
  • ngrc - Create an Angular Component, using the content of your clipboard for the template for the component.

Additional NPM Packages

• Tailwind - forms, typography, autoprefixer, daisyui, postcss, tailwindcss
• Mock Service Workers (msw) - for creating test doubles for API access.

Using This

Create a directory, and in that directory:

npx degit hypertheorytraining/angular-starter
npm i
code .