Run npm install -D prettier prettier-plugin-antlers prettier-plugin-blade prettier-plugin-tailwindcss in your terminal
Create a .prettierrc file with the following content
{
"singleQuote": true,
"trailingComma": "all",
"printWidth": 140,
"tabWidth": 2,
"endOfLine": "lf",
"plugins": [
"./node_modules/prettier-plugin-antlers/",
"./node_modules/prettier-plugin-blade/"
],
"overrides": [
{
"files": "*.antlers.html",
"options": {
"parser": "antlers"
}
},
{
"files": "*.blade.php",
"options": {
"parser": "blade"
}
},
{
"files": [
"**/*.css",
"**/*.html",
"**/*.php"
],
"options": {
"singleQuote": false
}
}
]
}Under Settings > Languages & Frameworks > JavaScript > Prettier register the following pattern for Run for Files:
{**/*,*}.{js,ts,jsx,tsx,antlers.html,vue,blade.php,css}
- Make sure a Node interpreter is selected under
Settings > Language & Frameworks > Node.js