svelte/site/content/blog/2019-04-15-setting-up-your-editor.md

title	description	author	authorURL	draft
Setting up your editor	Instructions for configuring linting and syntax highlighting	Rich Harris	https://twitter.com/Rich_Harris	true

Coming soon This post will walk you through setting up your editor so that recognises Svelte files:

• eslint-plugin-svelte3
• svelte-vscode
• associating .svelte files with HTML in VSCode, Sublime, etc.

Atom

To treat .svelte files as HTML, install the file-types package which enables such custom mappings:

apm install file-types

From the toolbar, open Edit → Config... and add the following two lines to your root ("*") section:

"*":
  core:
    …
  "file-types":
    "*.svelte": "text.html.basic"

Vim/Neovim

To treat all *.svelte files as HTML, add the following line to your init.vim:

au! BufNewFile,BufRead *.svelte set ft=html

To temporarily turn on HTML syntax highlighting for the current buffer, use:

:set ft=html

To set the filetype for a single file, use a modeline:

<!-- vim: set ft=html :-->