If you are starting a project from scratch in Vue CLI 3 UI, you can also make ESLint and Prettier work together. Here's how:
- We begin by pointing our Vue UI to a root folder as follows. It's important to verify you are not inside an existing Vue app:
![](https://static.packt-cdn.com/products/9781789950342/graphics/assets/91292f7b-75fc-4cc6-97a6-c72f82a515ab.png)
Figure 6.3: Creating a new project in Vue CLI 3 UI
- Next, we'll click the Select this folder button to proceed, and then choose our project's name as follows:
![](https://static.packt-cdn.com/products/9781789950342/graphics/assets/201b603d-6613-4c65-a305-b32d971b8361.png)
Figure 6.4: Adding project name
- Next, we'll click the Select this folder button to proceed, and then choose our project's name. Click Next to proceed and you'll be taken to the Presets tab.
- Once you're on the Presets tab, select the Manual preset to manually select features, then click Next again. On the Features tab, the Babel and linter / formatter features should already...