Skip to content

Allt om WordPress, webbutveckling — och mer därtill

⚡ Atom är nedlagt: så flyttar du dina favoritfunktioner till VS Code

⚡ Atom är nedlagt: så flyttar du dina favoritfunktioner till VS Code

Du har tillbringat åratal med att konfigurera Atom. Hundratals rader i config.cson, dussintals plugins, anpassade tangentbindningar. Redigeraren blev en förlängning av dina händer. Och sedan meddelade GitHub: från och med den 15 december 2022 är Atom officiellt nedlagt, arkiven arkiverade, utvecklingen stoppad.

Lösningen visade sig vara både enkel och komplex. Enkel, eftersom efterträdaren är uppenbar: Visual Studio Code, Microsofts kostnadsfria redigerare med öppen källkod, har redan blivit en industristandard. Komplex, eftersom migrering innebär att du bygger upp din välbekanta arbetsmiljö från grunden. Men varje funktion du älskade i Atom finns antingen redan inbyggd i VS Code eller installeras med ett klick.

I det här materialet går vi igenom en direkt överföring av tre specifika scenarier från Atom till VS Code: kodformatering, snabb projektsökning och arbete med en fjärrserver via FTP. Med specifika tilläggsnamn, tangentbordsgenvägar och konfigurationer.

💡 Snabb översikt:

  • Installera VS Code, lägg till tilläggen Prettier (formatering) och SFTP (synkronisering med server)
  • Memorera tre genvägar: Ctrl+Shift+F för filsökning, Ctrl+P för snabbnavigering, Ctrl+Shift+P för kommandopaletten
  • Konfigurera sftp.json en gång, aktivera uploadOnSave, så hanterar redigeraren synkronisering automatiskt vid varje sparning
  • Bemästra Ctrl+P @ för symbolnavigering och Ctrl+P : för att hoppa till radnummer, två funktioner utan motsvarighet i Atom

Kodformatering, automatisk prettifiering utan plugins

I Atom skötte paketet atom-beautify formatering av HTML, CSS och JS. Du öppnade kommandopaletten (Ctrl+Shift+P), skrev "Install packages", hittade atom-beautify och klickade på "Install". Sedan vande du dig vid genvägen Ctrl+Alt+B för att köra formateringen.

VS Code går längre. Grundläggande formatering är inbyggd direkt i kärnan: Shift+Alt+FWindows eller Shift+Option+F på Mac. Inga plugins, ingen konfiguration. Men för seriöst arbete har communityn sedan länge enats om ett verktyg, Prettier. Det är en åsiktsdriven formaterare: den bestämmer radlängd, placerar semikolon, radbryter långa attribut. Inga stildebatter i teamet, Prettier fixar bara allt.

Installationen tar en minut. Öppna Extensions (Ctrl+Shift+X), skriv Prettier - Code formatter (författare, esbenp.prettier-vscode), klicka på Install. För att få Prettier att aktiveras vid varje sparning, gå till inställningar (Ctrl+,), bocka i "Format on Save" eller lägg till i settings.json:

1{
2 "editor.formatOnSave": true,
3 "editor.defaultFormatter": "esbenp.prettier-vscode"
4}

Från och med nu formaterar varje sparning (Ctrl+S) filen automatiskt. Samma känsla som atom-beautify, bara snabbare och utan en extra pakethanterare.

Snabbsökning och projektnavigering

I Atom använde du Ctrl+Shift+F för att söka i filer i projektmappen. Mekaniken var enkel: öppna ett projekt som en katalog, tryck på genvägen, ange en sträng och se träffar i alla filer på en gång.

VS Code implementerar sökning på exakt samma sätt, Ctrl+Shift+F. Ett sök-sidofält öppnas med ett inmatningsfält. Skriv en delsträng, så visar redigeraren alla förekomster grupperade per fil. Du kan klicka på valfri träff och hoppa direkt till den raden. Allt som i Atom, bara att sökningen fungerar en storleksordning snabbare, motorn ripgrep skriven i Rust skannar filträdet omedelbart även i stora monorepon.

Men den främsta fördelen med VS Code är Ctrl+P (Quick Open). Det är inte bara snabbt filbyte: skriv en del av ett filnamn utan den exakta sökvägen, så hittar redigeraren det direkt. Skrev du ftpconf, ligger sftp.json redan på första raden. Lägg till @ efter namnet, så fälls en lista över symboler (funktioner, klasser, variabler) inuti filen ner. Lägg till :, hoppa till radnummer. Tre tangenttryck utan fördröjningar: Ctrl+P, ett par bokstäver, Enter.

Och en sak till: Ctrl+Shift+P, kommandopaletten. Samma som i Atom, men med smartare fuzzy-kommandosökning. Skrev du fmt, ser du både Format Document och alla relaterade åtgärder. Plugins fångas upp automatiskt.

Arbeta med fjärrserver: SFTP istället för Remote-FTP

I Atom användes paketet Remote-FTP för FTP-anslutningar. Konfigurationen låg i .ftpconfig och krävde manuell hantering av parametern keepalive: vissa pluginversioner tolkade 0 som att keepalive inaktiverades, andra som ett 10000 ms intervall. ECONNRESET-förvirring var standard, särskilt efter uppdateringar.

I VS Code hanterar SFTP av Natizyskunk FTP/SFTP, en aktivt underhållen fork av originalets liximobo/vscode-sftp. Arbetsflödet är detsamma, men utan gamla keepalive-buggar. Konfigurationen placeras i .vscode/sftp.json inuti projektmappen. Grundmall:

1{
2 "name": "My Server",
3 "host": "ftp.example.com",
4 "protocol": "ftp",
5 "port": 21,
6 "username": "user",
7 "password": "password",
8 "remotePath": "/public_html/project",
9 "uploadOnSave": true
10}

Fältet uploadOnSave: true är magin: varje Ctrl+S sparar samtidigt filen lokalt och laddar upp den till servern. Ingen manuell synkronisering.

Installationen är standard: Ctrl+Shift+X → sök SFTP (författare Natizyskunk) → Install. Sedan Ctrl+Shift+PSFTP: Config, så skapar redigeraren en sftp.json-mall i mappen .vscode. Fyll i fälten host, login och password, spara, så är du redo att arbeta. Kommandot SFTP: Download Project hämtar ett befintligt projekt från servern i ett svep.

Om din Atom .ftpconfig ligger någonstans i säkerhetskopior tar fältöverföringen en minut: host och port förblir som de är, user blir username, remote blir remotePath. Lösenord i sftp.json är valfritt: ange det inte, så frågar redigeraren vid första anslutningen (faktiskt säkrare så).

En direkt motsvarighet för dem som föredrar SSH framför FTP är tillägget Remote, SSH från Microsoft. Det synkroniserar inte bara filer, det öppnar en hel fjärrmaskin som en lokal mapp. Terminal, debugging, sökning, allt fungerar på servern transparent.

⁉️🤔 Vanliga frågor

Är det obligatoriskt att byta från Atom specifikt till VS Code?

Nej, val av redigerare är en personlig fråga. Förutom VS Code finns Zed (snabb, Rust-baserad, fokuserad på AI-assistenter), Sublime Text 4 (minimalistisk, betald) och Pulsar, en community-fork av Atom som försöker fortsätta dess utveckling. Men sett till "communitystorlek + antal tillägg + uppdateringsfrekvens" är VS Code 2026 oöverträffad. Pulsar samlade visserligen en del av Atom-communityn och stöder det gamla paketformatet, inklusive atom-beautify, men utvecklingstakten är mycket långsammare, tilläggskatalogen är begränsad och företagsteam byter inte till det. Är du ensamutvecklare och kategoriskt inte vill ändra vanor, ge det ett försök. För allt annat finns VS Code.

Hur migrerar jag snippets från Atom till VS Code?

Atom lagrade användarsnippets i ~/.atom/snippets.cson (CSON-format, liknar CoffeeScript-inspirerad JSON). VS Code använder vanlig JSON i filen snippets.code-snippets inuti projektets .vscode-mapp eller globalt via File > Preferences > User Snippets. Formatet skiljer sig: fältet prefix istället för prefix i CSON, body med en array av strängar istället för flerradig text. Att migrera en post tar 30 sekunders kopiering. För bulkmigrering finns konverterare, sök efter atom-to-vscode-snippets på GitHub.

Hur är det med färgteman?

Alla populära Atom-teman har sedan länge porterats till VS Code. One Dark, Monokai, Dracula, Nord, Gruvbox, skriv temanamnet i tilläggssökningen (Ctrl+Shift+X), så dyker det upp på första försöket. Syntaxmarkering i VS Code fungerar via TextMate-grammatiker, samma som Atom använde, så färger och token matchar nästan pixelperfekt.

Fungerar multi-cursor som i Atom?

Ja, och med exakt samma tangenter: Ctrl+D markerar nästa förekomst av ordet under markören, Alt+Click placerar en godtycklig redigeringspunkt, Ctrl+Shift+L markerar alla förekomster på en gång. Atom uppfann multi-cursor-redigering, VS Code implementerade det identiskt.

Kan VS Code öppna mycket stora filer (loggar, dumpar)?

Atom började märkbart sakta ner på filer större än 2 MB, och 10 MB-gränsen var praktiskt taget oöverstiglig. VS Code hanterar det betydligt bättre: filer upp till 50-100 MB öppnas normalt (syntaxmarkering kan inaktiveras automatiskt för att spara minne). För extra stora loggar (gigabyte), använd tillägget Large File Support eller externa verktyg som less/grep i terminalen.

Vad du ska installera 2026: en specifik stack istället för Atom

Om du fortfarande använder Atom var sista dagen för migrering igår. Redigeraren får inte längre säkerhetsuppdateringar, pakethanteraren apm är inaktiverad och vissa paket är redan inkompatibla med den senaste versionen (1.63.2 från november 2022). Att stanna kvar på en död redigerare innebär att arbeta med en öppen dörr.

Specifik ersättningsstack:

  • VS Code som huvudeditor, gratis, månatliga uppdateringar, 50 000+ tillägg i Marketplace.
  • Prettier för formatering av allt: HTML, CSS, JS, Markdown, JSON. Ett knapptryck vid sparning.
  • SFTP av Natizyskunk för uppladdning av filer till webbhotell via FTP/SFTP. Samma .ftpconfig-mönster som Remote-FTP, bara utan keepalive-buggar.
  • Remote, SSH om webbhotellet stöder SSH-åtkomst: fullvärdigt arbete med serverfiler utan manuell synkronisering.

Tre steg för att börja direkt: ladda ner VS Code från den officiella webbplatsen, installera tilläggen Prettier och SFTP, överför data från .ftpconfig till sftp.json. Detta tar en timme och stänger redigeringsfrågan för år framöver. Ge det ett försök, allt som listas är gratis.