You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
---
|
|
|
|
|
title: Setting up your editor
|
|
|
|
|
description: Instructions for configuring linting and syntax highlighting
|
|
|
|
|
author: Rich Harris
|
|
|
|
|
authorURL: https://twitter.com/Rich_Harris
|
|
|
|
|
draft: 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:
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
apm install file-types
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
From the toolbar, open Edit → Config... and add the following two lines to your root (`"*"`) section:
|
|
|
|
|
|
|
|
|
|
```cson
|
|
|
|
|
"*":
|
|
|
|
|
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](https://vim.fandom.com/wiki/Modeline_magic):
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
<!-- vim: set ft=html :-->
|
|
|
|
|
```
|
