a basic Angular 17 starter template that includes TailwindCSS, Angular Material, ESLint, Prettier and Husky.
- angular
- angular material
- typescript
- eslint
- tailwindcss
- postcss
- autoprefixer
- lint-staged
- husky
- Select to use the template in GitHub and create a new repository
- Clone your new repository
git clone <repository_link>.git
- Udpate
package.json
to change thename
,description
,version
,keywords
etc. to match your project. - Install project dependencies using your package manager of choice
npm install
- Update angular.json to remove angular-17-app-template as the project name to whatever you want
- Update src/custom-theme.scss to change angular-17-app-template to the project name you want
- Change app component title to project name or any other title
- Install recommended vscode extensions
- Angular Language Service
- ESLint
- PostCSS Language Support
- Prettier - Code Formatter
- Tailwind CSS IntelliSense
- Consider configuring vscode to run prettier on file saved
- Open
settings.json
- Add the following rules
- Open
{
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
}
- Start the development server
npm run start
The project comes pre-configured with production and development environments. The environment files can be found in src/environments
. For more on environments see the Angular docs.
Lint and don't apply fixes
npm run lint
Lint and apply fixes where possible
npm lint:fix
Check for format errors:
npm run prettier:check
Format files:
npm run prettier:write
npm run test