iwantcoding.com
🔥 Daily 👥 Rooms 🏆 Top Log in Sign up

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…