question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

VS Code Integration Unclear

See original GitHub issue

Hi I was wondering if you could provide some clarification on integrating prettier-eslint with VS Code.

I can find Prettier on the VS Code marketplace where it states

prettier.eslintIntegration (default: false) - JavaScript and TypeScript only

Use prettier-eslint instead of prettier. Other settings will only be fallbacks in case they could not be inferred from eslint rules.

However when I look through the README of prettier-eslint I don’t seem to understand how I can integrate prettier-eslint into VS Code.

Is it possible that I have it autoFixOnSave with prettier and then have the result passed through to eslint?

Also does it autoFormat JSX files too?

Thank you for your time and help!

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
azzcommented, Oct 24, 2017

The VS code plugin bundles it in so you don’t need to install it, but yes.

2reactions
Dimomircommented, Oct 24, 2017

Hi @azz thank you for your prompt response!

So to iterate, the steps to get Prettier-vscode extension working with prettier-eslint on VS Code are:

  • install Prettier VS code plugin
  • npm install --save-dev prettier-eslint
  • Go into VS Code settings and set "prettier.eslintIntegration": true

Did I get this right?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Terminal text is blurred whenever it's newly launched. #122718
VS Code Version: 1.55.2 OS Version: Windows 10 1909 build 18363.1500 Steps to Reproduce: Open the Terminal. See the blurred text Does this ......
Read more >
visual studio code looks blurry - Stack Overflow
Go into your settings and type "rendering" you should see "Terminal > Integrated: Gpu Acceleration" if you ...
Read more >
User and Workspace Settings - Visual Studio Code
For example, you can choose which shell the Integrated Terminal should use. ... Controls whether characters are highlighted that can be confused with...
Read more >
Debugging in Visual Studio Code
Depending on your workflow, it can be confusing to know what type of ... debugging outputs a specific message to the debug console...
Read more >
Advanced Terminal Usage in Visual Studio Code
Visual Studio Code's integrated terminal has several advanced features. ... Some Unicode symbols have ambiguous width that may change between Unicode ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found