Node Editor
VS Code is the de facto Node editor. A few extensions and settings make the difference between OK and great.
Node + editor setup
EXAMPLE
# 1. VS Code extensions
# - 'ESLint' (dbaeumer.vscode-eslint)
# - 'Prettier - Code formatter'
# - 'Pretty TypeScript Errors' (yoavbls.pretty-ts-errors)
# - 'TypeScript Vue Plugin' (if you mix Vue)
# - 'Code Spell Checker' (streetsidesoftware.code-spell-checker)
# - 'GitLens' for inline blame
# - 'Tailwind CSS IntelliSense' (if you use Tailwind)
# - 'EditorConfig for VS Code'
# - 'DotENV' for syntax highlighting in .env files
# 2. Settings (.vscode/settings.json)
{
'editor.formatOnSave': true,
'editor.defaultFormatter': 'esbenp.prettier-vscode',
'editor.codeActionsOnSave': {
'source.fixAll.eslint': 'explicit'
},
'typescript.tsdk': 'node_modules/typescript/lib',
'typescript.enablePromptUseWorkspaceTsdk': true,
'typescript.preferences.importModuleSpecifier': 'relative',
'typescript.suggest.autoImports': true,
'eslint.useFlatConfig': true,
'files.eol': '\n'
}
# 3. Launch config for debugging (.vscode/launch.json)
{
'version': '0.2.0',
'configurations': [
{
'type': 'node',
'request': 'launch',
'name': 'dev server',
'runtimeArgs': ['--enable-source-maps'],
'program': '${workspaceFolder}/src/server.ts',
'runtimeExecutable': 'tsx',
'skipFiles': ['<node_internals>/**'],
'console': 'integratedTerminal'
},
{
'type': 'node',
'request': 'attach',
'name': 'attach 9229',
'port': 9229
}
]
}
# 4. Tasks (.vscode/tasks.json) - one-shot commands from the command palette
{
'version': '2.0.0',
'tasks': [
{ 'label': 'typecheck', 'type': 'npm', 'script': 'typecheck', 'problemMatcher': '$tsc' },
{ 'label': 'test', 'type': 'npm', 'script': 'test', 'problemMatcher': [] }
]
}
# 5. WebStorm / IntelliJ Ultimate alternative
# - First-class TypeScript, debugger, profiler
# - Refactors are best-in-class
# - Heavier RAM cost; pay for licence
# 6. CLI helpers
# bun, deno, tsx, esbuild - all useful for fast iteration
# tsx watch src/server.ts is the dev loop most people prefer in 2026
# bun test is very fast if you align with bun's runtime
Why it matters
Editor + ESLint + Prettier + debugger + tasks is the unlock. The single biggest productivity win for new Node devs is the inspector debugger over console.log; the second is format-on-save + ESLint fix on save.
Tip: Tweak the snippet with Try it Yourself », then sit the quiz at the bottom of the page.
Example
Example
// The Node editor runs in a sandbox; many fs/network ops are simulated.
console.log('Hello from the editor');
Try it Yourself »
Discussion
Loading…