DEV Community

Cover image for Schematic to integrate prettier,commit-lint and husky in angular application
vimal patel
vimal patel

Posted on

2 2

Schematic to integrate prettier,commit-lint and husky in angular application

Every single developer has his/her own preferences when its come to IDE and everyone has there own set of configuration in it.

To make sure our code repository is having the same consistenty there are few tools which we can use in our project.

  • Prettier : This is an opinionated code formatter.
  • Commit-lint : This checks if your commit messages meet the conventional commit format.
  • Husky : Easy to configure Git Hooks.

To configured each of these library in your project there are many steps you need to follow.

Doing this redudent task for every single project can be a pain.

For that I have created this package using angular schematics which will do the integration and configuration of these packages in your angular application.

Open your project workspace folder in your command prompt and run below schematic command.

ng add @ng-vim/devtools
Enter fullscreen mode Exit fullscreen mode

That's all.
All above things are configured in your angular application. You can modify the configuration as per your needs.

Github source-code:- https://github.com/patelvimal/ng-vim-devtools
Follow Me on Twitter:- https://twitter.com/patel_vimal

Suggestions are welcome to improve this package.

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay