VS Code hacks

roblem : HTML Formatting ideally should have a feature to separate attributes on new lines when using format code.

   <ion-item box-shadow lines="none" input>
          <ion-label text-size-sm text-color-primary font-regular>Name</ion-label>
          <ion-input type="text" placeholder="Opportunity Name" ngModel name="name" autocorrect="on" autocomplete="on" autofocus=true></ion-input>
    </ion-item>

When using format code should be formatted as:

    <ion-item box-shadow
          lines="none"
          input>
        <ion-label text-size-sm
            text-color-primary
            font-regular>Name</ion-label>
        <ion-input type="text"
            placeholder="Opportunity Name"
            ngModel
            name="name"
            autocorrect="on"
            autocomplete="on"
            autofocus=true>
        </ion-input>
     </ion-item>

Solution : In Visual studio Mac Code > Preferences > Setting search for html.format.wrapAttributes , change to focus

Problem : To Clear the Cache in Mac > Open your terminal

1
rm -rf ~/Library/Application\ Support/Code/Cache/*
rm -rf ~/Library/Application\ Support/Code/CachedData/*