my html code in my angular component, i automatically have:
<a
class="text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-no-wrap uppercase text-white"
href="#pablo"
>
pink Color
</a>
<button
class="cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none"
type="button"
>
<span class="block relative w-6 h-px rounded-sm bg-white"></span>
<span
class="block relative w-6 h-px rounded-sm bg-white mt-1"
></span>
<span
class="block relative w-6 h-px rounded-sm bg-white mt-1"
></span>
</button>
While I would like that:
<a class="text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-no-wrap uppercase text-white" href="#pablo">
pink Color
</a>
<button class="cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none" type="button">
<span class="block relative w-6 h-px rounded-sm bg-white"></span>
<span class="block relative w-6 h-px rounded-sm bg-white mt-1"></span>
<span class="block relative w-6 h-px rounded-sm bg-white mt-1"></span>
</button>
I search on my settings.json but i don't know where i can't change that... Any Suggestions?
For a better and current pattern, go in your extensions tab and download Prettier and ESLint.
So, in your settings you can add:
"[javascript, angular, html, css, json]": {
"editor.formatOnSave": true
},
"eslint.quiet": true,
"editor.codeActionsOnSave": {
"eslint.autoFixOnSave": true,
},
Or edit for any language you want to vscode act.
This will make the code always as readable as possible regardless of the length of the code line.
I find the solution. Add this lines in settings.json
"[typescript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.