How to Format Code Automatically with Prettier and VS Code

Pubblicato il: 14 ottobre 2021
sul canale di: Tomasz Tarnowski

22,133

185

In this video tutorial, I explain step by step how to configure automatic code formatting with Prettier and Visual Studio Code.

Commands used in this video:
clone my example project: git clone git@github.com:ttarnowski/example-js-project.git
add prettier to your project: npm install --save-dev prettier (or if you use yarn: yarn add -D prettier)

Automatic Code Formatting with Visual Studio Code and Prettier Article:
https://blog.tomasztarnowski.com/auto...

Useful links:

Official prettier documentation: https://prettier.io/docs/en/index.html
Config file(.prettierrc) options reference: http://json.schemastore.org/prettierrc
Prettier Visual Studio Code extension: https://marketplace.visualstudio.com/...

Software used in the video:
Visual Studio Code IDE:
https://code.visualstudio.com/

Thank you for watching and see you soon!

00:00 Intro
00:46 Adding Prettier to a project
03:15 Installing Prettier VS Code extension
03:48 Configuration of the Prettier Extension
06:33 Autoformatting demonstration
08:23 .prettierrc config file
10:43 Summary and the end

In questa pagina del sito puoi guardare il video online How to Format Code Automatically with Prettier and VS Code della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Tomasz Tarnowski 14 ottobre 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 22,133 volte e gli è piaciuto 185 spettatori. Buona visione!