Bootstraps your VSCode project with Airbnb's eslint configuration together with Prettier through a CLI.
This CLI will will try to automatically detect wether you're using yarn or npm in your project before installing the dependencies and Airbnb peer dependencies. It will also create a .vscode/settings.json file and enable formatOnSave which is useful for overriding your global settings for this local project. If this file already exist in your project, the setting will be added to it.
- Install Eslint and Prettier extensions in VSCode.
- Now simply run the CLI followed by the project path to bootstrap:
npx setup-airbnb-config .- Select the desired project type (Javascript or React).
npx setup-airbnb-config <path> [--options]| Flag | Description |
|---|---|
-j, --javascript |
Generates a JS configuration. |
-r, --react |
Generates a React configuration. |
--npm |
Enforce npm to be used when installing dependencies. |
--yarn |
Enforce yarn to be used when installing dependencies. |
npx setup-airbnb-config ./myProject -r --yarnCreates a react configuration and enforce yarn to be used when installing dependencies.
npx setup-airbnb-config . --javascript --npmCreates a vanilla JS configuration and enforce npm to be used when installing dependencies.
npx setup-airbnb-config ~/myProject
Runs the CLI and asks you the required questions such as project type and preferred package manager if automatic detection fails.
Your project needs at least a package.json at the same level as npx setup-airbnb-config is run in order to install the required dependencies.
The CLI will try to automatically detect which package manager you're using. If it cannot be determined, the CLI will ask you which package manager you want to use.
Contributions are always welcome!
File an issue or create a pull request if you find something that can be enhanced.
- ESLint Rules - https://eslint.org/docs/rules/
- Prettier Options - https://prettier.io/docs/en/options.html
- Airbnb Style Guide - https://github.com/airbnb/javascript
