https://github.com/timothydodd/prettier-eslint-angular-example
https://github.com/timothydodd/prettier-eslint-angular-example
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/timothydodd/prettier-eslint-angular-example
- Owner: timothydodd
- Created: 2025-01-09T18:17:03.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-17T14:37:46.000Z (over 1 year ago)
- Last Synced: 2025-04-13T23:53:57.788Z (about 1 year ago)
- Language: HTML
- Size: 300 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Prettier and ESLint Angular Setup Example
This repository contains a sample Angular project demonstrating how to integrate **Prettier** and **ESLint** for code formatting and linting, with auto-save functionality configured in Visual Studio Code. The project is designed as a practical example to accompany the blog post ["Setting Up Prettier and ESLint in Your Angular Project (With Auto-Save)"](https://robododd.com/setting-up-prettier-and-eslint-in-your-angular-project/).
## Features
- **Prettier**: Enforces consistent code formatting.
- **ESLint**: Identifies and fixes common issues in JavaScript/TypeScript.
- **VS Code Configuration**: Auto-save functionality with Prettier and ESLint integration.
- Example configuration files for `.eslintrc.json`, `.prettierrc`, and `.prettierignore`.
## Getting Started
### Prerequisites
Ensure the following are installed on your machine:
- [Node.js](https://nodejs.org/) (version 14 or higher recommended)
- [Angular CLI](https://angular.io/cli)
- [Visual Studio Code](https://code.visualstudio.com/)
### Installation
1. **Clone the repository**:
```bash
git clone https://github.com/yourusername/prettier-eslint-angular-example.git
cd prettier-eslint-angular-example
```
2. Install dependencies:
```bash
npm install
```
Start editing code