💻 Official AdonisJS extension for VSCode

Features

Command palette for Ace
Use all Adonis Assembler commands ( make:* )
Migrate and seed your database ( db:*, migration:* )
Run your commands from the Activity Bar
View your routes within VSCode
Open and see docs within VSCode
.adonisrc.json file validation with JSON Schema
Multiple Workspaces and Monorepos support
Inertia.js support
Go To Controller

[!NOTE] Make sure to also download Edge and Japa extension for a better experience !

Ace commands

Launch ace commands directly from VScode. Files created by adonis/assembler are automatically opened after their creation.

ActivityBar and Tree Views

Run your commands without typing anything, See your routes and go to its code just by clicking on the items in the Activity Bar.

List Routes

List all routes in your project from VSCode and filter them.

Documentations

Consult and search the Adonis and Japa documentation directly from VSCode.

JSON Schema for .adonisrc

Route controller completion + Go To

Autocompletion for the name and the handler of controllers. Ctrl + Click to open the file. Hovering the handler will show its documentation.

Configuration

nodePath: The path to the node executable.
useUnixCd: Use Unix-style cd for windows terminals (Useful when using Cygwin or Git Bash)
quickJump: Enable quick jump by using Ctrl + Click
runMigrationInBackground: Run migration/seeds commands in background. By default, they are executed in the built-in terminal of VSCode so that you can see the output.
pagesDirectory : The directory where your Inertia.js pages are located. Default is inertia/pages

IntelliSense while typing

In the context of controller and view autocompletion, we are inside strings. By default, VSCode totally disables the display of IntelliSense suggestions inside strings. If you want to see the autocompletion of your controllers and views, you will have to press Ctrl + Space to manually trigger IntelliSense.

If you want the suggestions while typing, you can add this to your VSCode settings:

"editor.quickSuggestions": {
  "other": "off",
  "comments": "off",
  "strings": "on" 👈 // This
}

But be warned, this will automatically display intellisense even in "traditional" strings

Contributing

See contributing guide
Clone the project and open it in VSCode
Run npm install
Press F5 to open a new VSCode window with your extensions loaded.
You can relaunch the extension from the debug toolbar after changing code in src/extension.ts.
You can also reload (Ctrl+R or Cmd+R on Mac) the VS Code window with your extension to load your changes.

AdonisJS Extension

jripouteau