Sembra esserci una mancanza di impostazioni di formattazione per vscode. Voglio essere in grado di formato HTML in modo tale che il mio html si presenta come:Formatta il codice html nel codice di Visual Studio in modo tale che gli attributi siano su righe separate?
<div attrib1=value1
attrib2=value2
attrib3=value3>
Content
</div>
Questa è una funzionalità che mi piacerebbe davvero avere!
VSCode ha aggiunto un modo per farlo ora. È possibile modificare le impostazioni e quindi aggiungere il seguente per l'effetto desiderato:
"html.format.wrapAttributes": "forza-allineati"
--ovvero--
"html.format .wrapAttributes ":" force "
forzato allineato aggiungerà anche rientri per allinearlo con l'attributo sulla riga in cui il tag è stato aperto.
Visita this link per ulteriori dettagli o aggiornamenti.
Sfortunatamente, è una mancanza (per me). Dovrebbero aver aggiunto una soglia di avvolgimento. Ci sono volte in cui il tuo modello è bello e breve, quindi gli attributi possono rimanere in una riga. – adi518
Non ho trovato alcun modo per farlo in VS-2015, per documenti html; ma è possibile utilizzare questa opzione per i documenti XML:
Tools > Options > XML > Formatting
Quindi impostare "attributi Allineare ciascuno su una separata linea di" opzione.
Ora è necessario fare clic con il pulsante destro del mouse sul file html in solution explorer e scegliere Open With... quindi selezionare XML (Text)Editor.
Ora è possibile usare il tasto breve codice di formattazione del documento (in difetto è Ctrl + K, D)
Prima:
<button type="button" class="btn btn-large btn-floating indigo waves-effect waves-light button-back"
ng-click="self.changeState('EvaluationTerms.View')" tooltip-placement="top" >
Dopo:
<button type="button"
class="btn btn-large btn-floating indigo waves-effect waves-light button-back"
ng-click="self.changeState('EvaluationTerms.View')"
tooltip-placement="top">
La domanda riguarda il codice Visual Studio non Visual Studio – Highmastdon
Esistono diverse estensioni "formattatore" , ma quello che ho trovato fa un lavoro decente con questa esatta formattazione che stai cercando. Si chiama "vscode-tidyhtml".
https://marketplace.visualstudio.com/items?itemName=anweber.vscode-tidyhtml
Dovrebbe formattare l'HTML in modo che gli attributi siano su linee diverse. Non sono sicuro che funzioni bene per altri tipi di file.
Questo sarebbe davvero fantastico, avevo creato un problema all'interno di github, forse viene preso in considerazione. https://github.com/Microsoft/vscode/issues/2204 –
Questo sembra essere un duplicato (odio dirlo ...) di [questa domanda,] (http://stackoverflow.com/questions/14791592/break-line-on-each-tag-attribute-and-keep-them-aligned-in-visual-studio-html-cod) e forse un po 'fuori tema nel modo in cui è scritto. Per favore correggimi se ho torto;) – arbybruce
Questo riguarda Visual Studio Code, l'altro Visual Studio. Editor diversi, impostazioni diverse, stesso fornitore. –