2015-05-05 11 views
20

So che è possibile formattare il codice utilizzando ctrl + cmd + f in Visual Studio Code, ma come si modificano le opzioni di formattazione per ciascuna lingua?Come si cambiano le opzioni di formattazione nel codice di Visual Studio?

Ad esempio, in Visual Studio 2013 posso scegliere la modalità compatta per CSS.

C'è un altro file JSON nascosto per farlo?

+0

Probabilmente no. Se hai letto [doc online] (https://code.visualstudio.com/Docs/languages), potresti notare che Microsoft ha solo menzionato la funzione di formattazione per TypeScript. – yushulx

+0

Funziona con C# e JavaScript, non riesco a trovare un elenco ufficiale ma è più di un semplice TypeScript. –

+0

è 2017 e non è ancora supportato? – Asqan

risposta

7

No, questo non è attualmente supportato. Puoi votare nuove idee qui https://visualstudio.uservoice.com/forums/293070-visual-studio-code

+6

È un peccato, lo voterò e aspetterò e vedrò. Sospetto che sarà un altro file di impostazioni di JSON, che sembra essere la direzione in cui stanno andando. –

+3

Questa risposta non è più corretta. – SgtPooki

+3

Non è più corretto? Allora come? Almeno fornire un URL per questo. –

5

Ho appena trovato questa estensione chiamata beautify nel Market Place e sì, è un altro file di configurazione \ impostazioni. :)

Beautify javascript, JSON, CSS, Sass e HTML nel codice di Visual Studio.

VS Codice utilizza js-beautify internamente, ma non ha la capacità di modificare lo stile che si desidera utilizzare. Questa estensione abilita l'esecuzione di js-beautify in VS Code, e il rispetto di qualsiasi file .jsbeautifyrc nella struttura ad albero del file aperto per caricare lo stile del codice. Esegui con F1 Beautify (per abbellire una selezione) o il file F1 Beautify.

Per informazioni sulle impostazioni nel .jsbeautifyrc vedere Settings.md

Ecco il repository GitHub: https://github.com/HookyQR/VSCodeBeautify

+0

Grazie, sembra abbastanza buono, mi manca nel mio CSS, javascript/typescript e html sembra funzionare ok. Sembra che potresti essere in grado di inserirne alcune nel tuo .editorconfig –

+0

Una delle migliori soluzioni poiché utilizza il file di configurazione '.jsbeautifyrc', che a sua volta sarà utile per gli altri membri del team che potrebbero utilizzare altri IDE per scrivere codice. Per il testo sublime, [il plugin HTML-CSS-JS-Prettify] (https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify) è il migliore in circolazione. Sfortunatamente per Eclipse, le implementazioni sul mercato sono bacate. Ho ancora bisogno di usare 'editorconfig' che fa un lavoro decente. – Shiyaz

4

Una soluzione che funziona per me (luglio 2017), è quello di utilizzare ESLint. Come tutti sanno, è possibile utilizzare il linter in più modi, globalmente o localmente. Lo uso localmente e con la guida di stile di Google. Essi modo impostare il tutto è la seguente ...

  • cd to your working directory
  • npm init
  • npm install --save-dev eslint
  • node_modules/.bin/eslint --init
  • I use google style and json config file

Ora avrete un file .eslintrc.json radice della tua directory di lavoro. È possibile aprire quel file e modificarlo a piacimento utilizzando lo eslint rules. Avanti cmd+, per aprire le preferenze di sistema vscode. Nella barra di ricerca digitare eslint e cercare "eslint.autoFixOnSave": false. Copia l'impostazione e incollalo nel file delle impostazioni utente e cambia false in true. Spero che questo possa aiutare qualcuno che utilizza vscode.

Problemi correlati