Olet hionut Atomia vuosia. Satoja rivejä config.cson-tiedostossa, kymmeniä liitännäisiä, mukautetut pikanäppäimet. Editorista tuli käsiesi jatke. Ja sitten GitHub ilmoitti: 15. joulukuuta 2022 alkaen Atom on virallisesti suljettu, repositoriot arkistoitu, kehitys pysäytetty.

Ratkaisu osoittautui sekä yksinkertaiseksi että monimutkaiseksi. Yksinkertaiseksi, koska seuraaja on ilmeinen: Visual Studio Code, Microsoftin ilmainen avoimen lähdekoodin editori, on jo noussut alan standardiksi. Monimutkaiseksi, koska migraatio tarkoittaa tutun työympäristön rakentamista alusta asti uudelleen. Mutta jokainen ominaisuus, jota rakastit Atomissa, on joko valmiiksi sisäänrakennettu VS Codeen tai asentuu yhdellä klikkauksella.

Tässä materiaalissa käydään läpi kolmen tietyn skenaarion suora siirto Atomista VS Codeen: koodin muotoilu, nopea projektihaku ja työskentely etäpalvelimella FTP:n kautta. Mukana tarkat laajennusten nimet, pikanäppäimet ja konfiguraatiot.

💡 Pikakatsaus:

• Asenna VS Code, lisää Prettier (muotoilu) ja SFTP (synkronointi palvelimen kanssa) -laajennukset
• Opettele kolme pikanäppäintä: Ctrl+Shift+F tiedostohakuun, Ctrl+P pikanavigointiin, Ctrl+Shift+P komentopalettiin
• Konfiguroi sftp.json kerran, ota käyttöön uploadOnSave, ja editori hoitaa synkronoinnin automaattisesti jokaisen tallennuksen yhteydessä
• Hallitse Ctrl+P @ symbolinavigointiin ja Ctrl+P : riville hyppäämiseen, kaksi ominaisuutta, joille ei ole vastinetta Atomissa

Koodin muotoilu, automaattinen siistiminen ilman liitännäisiä

Atomissa atom-beautify-paketti hoiti HTML:n, CSS:n ja JS:n muotoilun. Avasit komentopaletin (Ctrl+Shift+P), kirjoitit "Install packages", etsit atom-beautify ja painoit "Install". Sitten totuit käyttämään Ctrl+Alt+B-pikanäppäintä muotoilun suorittamiseen.

VS Code menee pidemmälle. Perusmuotoilu on sisäänrakennettu suoraan ytimeen: Shift+Alt+F Windowsissa tai Shift+Option+F Macissa. Ei liitännäisiä, ei konfigurointia. Mutta vakavaan työhön yhteisö on jo pitkään vakiinnuttanut yhden työkalun, Prettierin. Se on mielipiteellinen muotoilija: se päättää rivin leveyden, sijoittaa puolipisteet, rivityttää pitkät attribuutit. Ei tyylikiistoja tiimissä, Prettier vain hoitaa kaiken.

Asennus vie minuutin. Avaa Extensions (Ctrl+Shift+X), kirjoita Prettier - Code formatter (tekijä esbenp.prettier-vscode), klikkaa Install. Jotta Prettier laukeaa jokaisella tallennuksella, mene asetuksiin (Ctrl+,), valitse "Format on Save" tai lisää settings.json-tiedostoon:

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

Tästä eteenpäin mikä tahansa tallennus (Ctrl+S) muotoilee tiedoston automaattisesti. Sama tuntuma kuin atom-beautify-työkalussa, vain nopeammin ja ilman ylimääräistä paketinhallintaa.

Pikahaku ja projektinavigointi

Atomissa käytit Ctrl+Shift+F-komentoa hakeaksesi tiedostoja projektikansiosta. Mekaniikka oli yksinkertainen: avaa projekti hakemistona, paina pikanäppäintä, syötä merkkijono ja näe osumat kaikissa tiedostoissa kerralla.

VS Code toteuttaa haun täsmälleen samalla tavalla, Ctrl+Shift+F. Search-sivupalkki avautuu syöttökentän kera. Kirjoita osamerkkijono, ja editori näyttää kaikki esiintymät tiedostoittain ryhmiteltynä. Voit klikata mitä tahansa osumaa ja hypätä suoraan kyseiselle riville. Kaikki kuten Atomissa, vain haku toimii kertaluokkaa nopeammin, Rustilla kirjoitettu ripgrep-moottori skannaa tiedostopuun välittömästi jopa suurissa monorepoissa.

Mutta VS Coden tärkein etu on Ctrl+P (Quick Open). Se ei ole vain nopea tiedostonvaihto: kirjoita osa tiedostonimestä ilman tarkkaa polkua, ja editori löytää sen heti. Kirjoitit ftpconf, ja sftp.json on jo ensimmäisellä rivillä. Lisäsit @ nimen perään, ja tiedoston sisäinen symboliluettelo (funktiot, luokat, muuttujat) avautuu. Lisäsit :, hyppää rivinumerolle. Kolme näppäilyä ilman hidastusnäppäinten viiveitä: Ctrl+P, pari kirjainta, Enter.

Ja vielä yksi asia: Ctrl+Shift+P, Command Palette. Sama kuin Atomissa, mutta älykkäämmällä sumealla komentohaulla. Kirjoitit fmt, näet sekä Format Documentin että kaikki siihen liittyvät toiminnot. Liitännäiset poimitaan automaattisesti mukaan.

Työskentely etäpalvelimella: SFTP Remote-FTP:n sijaan

Atomissa Remote-FTP-pakettia käytettiin FTP-yhteyksiin. Konfiguraatio sijaitsi .ftpconfig-tiedostossa ja vaati keepalive-parametrin manuaalista hallintaa: jotkin liitännäisversiot tulkitsivat 0:n keepaliven poistamisena, toiset 10000 ms:n välinä. ECONNRESET-sekaannus oli vakio, erityisesti päivitysten jälkeen.

VS Codessa SFTP (tekijä Natizyskunk) hoitaa FTP/SFTP:n, se on aktiivisesti ylläpidetty forkki alkuperäisestä liximobo/vscode-sftp-laajennuksesta. Työnkulku on sama, mutta ilman vanhoja keepalive-bugeja. Konfiguraatio menee .vscode/sftp.json-tiedostoon projektikansion sisällä. Peruspohja:

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
}

uploadOnSave: true -kenttä on taika: jokainen Ctrl+S tallentaa tiedoston samanaikaisesti paikallisesti ja lataa sen palvelimelle. Ei manuaalista synkronointia.

Asennus on vakio: Ctrl+Shift+X → haku SFTP (tekijä Natizyskunk) → Install. Sitten Ctrl+Shift+P → SFTP: Config, ja editori luo sftp.json-pohjan .vscode-kansioon. Täytä host-, login- ja password-kentät, tallenna, ja olet valmis työskentelemään. SFTP: Download Project -komento noutaa olemassa olevan projektin palvelimelta yhdellä kertaa.

Jos Atomisi .ftpconfig lojuu jossain varmuuskopioissa, kenttien siirto vie minuutin: host ja port pysyvät ennallaan, user muuttuu username-kentäksi, remote muuttuu remotePath-kentäksi. Salasana sftp.json-tiedostossa on valinnainen: älä määritä sitä, niin editori kysyy sitä ensimmäisellä yhdistyskerralla (itse asiassa turvallisempaa niin).

Suora vastine niille, jotka suosivat SSH:ta FTP:n sijaan, on Microsoftin Remote, SSH -laajennus. Se ei vain synkronoi tiedostoja, vaan avaa koko etäkoneen paikallisena kansiona. Terminaali, debuggaus, haku, kaikki toimii palvelimella läpinäkyvästi.

⁉️🤔 Usein kysytyt kysymykset

Onko pakko vaihtaa Atomista nimenomaan VS Codeen?

Ei, editorin valinta on henkilökohtainen asia. VS Coden lisäksi on olemassa Zed (nopea, Rust-pohjainen, keskittynyt tekoälyavustajiin), Sublime Text 4 (minimalistinen, maksullinen) ja Pulsar, Atomin yhteisöforkki, joka yrittää jatkaa sen kehitystä. Mutta mittareilla "yhteisön koko + laajennusten määrä + päivitystiheys" VS Code on vuonna 2026 vertaansa vailla. Pulsar keräsi kyllä osan Atomin yhteisöstä ja tukee vanhaa pakettiformaattia, mukaan lukien atom-beautify-työkalua, mutta kehitystahti on paljon hitaampi, laajennusvalikoima on rajallinen, eivätkä yritystiimit ole siihen siirtymässä. Jos olet soolokehittäjä ja kategorisesti et halua muuttaa tapojasi, kokeile sitä. Kaikkeen muuhun on VS Code.

Miten siirrän snippetit Atomista VS Codeen?

Atom tallensi käyttäjän snippetit tiedostoon ~/.atom/snippets.cson (CSON-formaatti, muistuttaa CoffeeScript-tyylistä JSONia). VS Code käyttää tavallista JSONia snippets.code-snippets-tiedostossa projektin .vscode-kansiossa tai globaalisti polun File > Preferences > User Snippets kautta. Formaatti eroaa: prefix-kenttä CSON:n prefix-kentän sijaan, body merkkijonotaulukkona monirivisen sijaan. Yhden entryn siirto vie 30 sekuntia copy-pastea. Massamigraatioon on olemassa konverttereita, etsi atom-to-vscode-snippets GitHubista.

Entä väriteemat?

Kaikki suositut Atom-teemat on portattu VS Codeen jo ajat sitten. One Dark, Monokai, Dracula, Nord, Gruvbox, kirjoita teeman nimi Extensions-hakuun (Ctrl+Shift+X), ja se tulee esiin ensimmäisellä yrittämällä. Syntaksin korostus VS Codessa toimii TextMate-kielioppien kautta, samoilla, joita Atom käytti, joten värit ja tokenit täsmäävät lähes pikselintarkasti.

Toimiiko monikursorieditointi kuten Atomissa?

Kyllä, ja täsmälleen samoilla näppäimillä: Ctrl+D valitsee kursorin alla olevan sanan seuraavan esiintymän, Alt+Click asettaa mielivaltaisen editointipisteen, Ctrl+Shift+L valitsee kaikki esiintymät kerralla. Atom keksi monikursorieditoinnin, VS Code toteutti sen identtisesti.

Pystyykö VS Code avaamaan erittäin suuria tiedostoja (lokit, dumpit)?

Atom alkoi hidastua huomattavasti yli 2 Mt:n tiedostoilla, ja 10 Mt:n raja oli käytännössä ylitsepääsemätön. VS Code käsittelee ne merkittävästi paremmin: jopa 50-100 Mt:n tiedostot avautuvat normaalisti (syntaksin korostus saattaa kytkeytyä automaattisesti pois muistin säästämiseksi). Erittäin suurille lokeille (gigatavuja) käytä Large File Support -laajennusta tai ulkoisia työkaluja, kuten less/grep terminaalissa.

Mitä asentaa vuonna 2026: konkreettinen pino Atomin tilalle

Jos olet yhä Atomissa, viimeinen päivä migraatiolle oli eilen. Editori ei enää saa tietoturvapäivityksiä, apm-paketinhallinta on poistettu käytöstä, ja jotkin paketit ovat jo yhteensopimattomia uusimman version (1.63.2 marraskuulta 2022) kanssa. Kuolleeseen editoriin jääminen tarkoittaa työskentelyä ovi auki.

Konkreettinen korvaava pino:

• VS Code pääeditorina, ilmainen, kuukausittaiset päivitykset, 50 000+ laajennusta Marketplacessa.
• Prettier kaiken muotoiluun: HTML, CSS, JS, Markdown, JSON. Yksi näppäily tallennuksella.
• SFTP (tekijä Natizyskunk) tiedostojen lataamiseen hostaukseen FTP/SFTP:n kautta. Sama .ftpconfig-malli kuin Remote-FTP:ssä, vain ilman keepalive-bugeja.
• Remote, SSH jos hosting tukee SSH-yhteyttä: täysipainoinen työskentely palvelimen tiedostoilla ilman manuaalista synkronointia.

Kolme askelta aloittaaksesi heti: lataa VS Code viralliselta sivustolta, asenna Prettier- ja SFTP-laajennukset, siirrä tiedot .ftpconfig-tiedostosta sftp.json-tiedostoon. Tämä vie tunnin ja ratkaisee editorikysymyksen vuosiksi eteenpäin. Kokeile, sillä kaikki lueteltu on ilmaista.