VS Code Extensions and Configuration

In this lesson, we'll install three extensions for VS Code from the AdonisJS Core Team to make our lives easier as we build applications. We'll also configure Prettier and ESLint with auto-formatting and lint fixing on save.

Published
Jan 24
Duration
6m 27s

Developer, dog lover, and burrito eater. Currently teaching AdonisJS, a fully featured NodeJS framework, and running Adocasts where I post new lessons weekly. Professionally, I work with JavaScript, .Net C#, and SQL Server.

Adocasts

Burlington, KY

Join The Discussion! (8 Comments)

Please sign in or sign up for free to join in on the dicussion.

  1. Commented 7 months ago

    I followed exactly same steps in VSCode for eslint and prettier installation and settings configuration for VS Code.

    But eslint does not seem to be working. I tried removing new line, removing semicolons at end.

    But I dont see eslint errors / suggestions.

    1

    Please sign in or sign up for free to reply

    1. Commented 7 months ago

      Hey there! A few things that come to mind that may turn off or disable ESLint are:

      • Ensure the ESLint extension is enabled in your VSCode workspace

      • Ensure the ESLint extension doesn't need a VSCode reload (would say "Reload VS Code" on the extension)

      • Ensure you have ESLint enabled within VS Code, you can find this within VS Code's settings by typing "eslint" within the search bar.

      0

      Please sign in or sign up for free to reply

  2. Commented 5 months ago

    It looks like the edge extension got merged into the AdonisJS Extension?

    1

    Please sign in or sign up for free to reply

    1. Commented 5 months ago

      Looks like it's still separated, though there is an AdonisJS Extensions Pack that includes all the AdonisJS-based extensions in one install

      0

      Please sign in or sign up for free to reply

  3. Commented 4 months ago

    It looks, this config doesn't work

    "[edge]":{

    "editor.defaultFormatter": "adonisjs.vscode-edge"

    },

    I tried to format the edge file but there is no formatter except html language. How to solve it?

    1

    Please sign in or sign up for free to reply

    1. Commented 4 months ago

      Hi Fadli! Yeah, EdgeJS, at the moment, doesn't have formatting capabilities. Though there is an effort via a member of the community to get it added. I need to revisit a few portions of this lesson, one of which, is removing that line from my config as it doesn't do anything. Apologies about that!

      1

      Please sign in or sign up for free to reply

  4. Commented 15 days ago

    Are you using a specific icon theme in VS code? My .edge file extensions are not rendered with the icon that I see in the video.

    1

    Please sign in or sign up for free to reply

    1. Commented 15 days ago

      Hi Jeffrey! Yeah, I'm using the Bearded Icons file icon theme.

      1

      Please sign in or sign up for free to reply