Skip to content

Kõik WordPressist, veebiarendusest — ja mitte ainult

⚡ Atom on suletud: kuidas viia oma lemmikfunktsioonid VS Code'i

⚡ Atom on suletud: kuidas viia oma lemmikfunktsioonid VS Code'i

Olete aastaid Atomit seadistanud. Sadu ridu failis config.cson, kümneid pluginaid, kohandatud klahviseosed. Redaktorist sai teie käte pikendus. Ja siis teatas GitHub: alates 15. detsembrist 2022 on Atom ametlikult suletud, repositooriumid arhiveeritud, arendus peatatud.

Lahendus osutus nii lihtsaks kui ka keeruliseks. Lihtsaks, sest järeltulija on ilmselge: Visual Studio Code, Microsofti tasuta avatud lähtekoodiga redaktor, on juba saanud tööstusharu standardiks. Keeruliseks, sest migreerumine tähendab oma tuttava töökeskkonna nullist ülesehitamist. Kuid iga funktsioon, mida Atomis armastasite, on VS Code'is kas juba sisseehitatud või paigaldatav ühe klõpsuga.

Selles materjalis käsitleme kolme konkreetse stsenaariumi otsest üleviimist Atomist VS Code'i: koodi vormindamine, kiire projektisisene otsing ja kaugserveriga töötamine FTP kaudu. Koos konkreetsete laienduste nimede, klaviatuuri otseteede ja seadistustega.

💡 Kiirülevaade:

  • Paigaldage VS Code, lisage Prettier (vormindamine) ja SFTP (sünkroniseerimine serveriga) laiendused
  • Jätke meelde kolm otseteed: Ctrl+Shift+F failiotsinguks, Ctrl+P kiireks navigeerimiseks, Ctrl+Shift+P käsupaleti avamiseks
  • Seadistage üks kord sftp.json, lubage uploadOnSave ja redaktor hoolitseb automaatselt sünkroniseerimise eest igal salvestamisel
  • Õppige selgeks Ctrl+P @ sümbolite järgi navigeerimiseks ja Ctrl+P : reale hüppamiseks, kaks funktsiooni, millel Atomis vaste puudub

Koodi vormindamine, automaatne ilusaks tegemine ilma pluginateta

Atomis tegeles HTML-i, CSS-i ja JS-i vormindamisega atom-beautify pakett. Avasite käsupaleti (Ctrl+Shift+P), kirjutasite "Install packages", otsisite atom-beautify ja vajutasite "Install". Seejärel harjusite vormindamise käivitamiseks otseteega Ctrl+Alt+B.

VS Code läheb kaugemale. Põhiline vormindamine on otse tuuma sisse ehitatud: Shift+Alt+F Windowsis või Shift+Option+F Macis. Pole pluginaid, pole seadistamist. Kuid tõsiseks tööks on kogukond juba ammu ühele tööriistale kindlaks jäänud, selleks on Prettier. See on arvamustele tuginev vormindaja: see otsustab rea pikkuse, paigutab semikoolonid, murrab pikad atribuudid. Ei mingeid stiilivaidlusi meeskonnas, Prettier lihtsalt teeb kõik ära.

Paigaldamine võtab minuti. Avage Laiendused (Ctrl+Shift+X), kirjutage Prettier - Code formatter (autor esbenp.prettier-vscode), klõpsake Install. Et Prettier käivituks igal salvestamisel, minge seadetesse (Ctrl+,), märkige "Format on Save" või lisage faili settings.json:

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

Sellest hetkest alates vormindab iga salvestamine (Ctrl+S) faili automaatselt. Sama tunne nagu atom-beautify puhul, ainult kiirem ja ilma täiendava paketihaldurita.

Kiire otsing ja projektis navigeerimine

Atomis kasutasite projektikaustas failide otsimiseks Ctrl+Shift+F. Mehhanism oli lihtne: avasite projekti kataloogina, vajutasite otseteed, sisestasite sõne ja nägite kõiki vasteid kõigis failides korraga.

VS Code teostab otsingut täpselt samamoodi, Ctrl+Shift+F. Avaneb otsingu külgriba sisestusväljaga. Sisestage alamstring ja redaktor näitab kõiki esinemisi failide kaupa grupeeritult. Saate klõpsata ükskõik millisel vastel ja hüpata otse sellele reale. Kõik nagu Atomis, ainult otsing töötab suurusjärgu võrra kiiremini, Rustis kirjutatud ripgrep-mootor skannib failipuu hetkega läbi isegi suurtes monorepodes.

Kuid VS Code'i peamine eelis on Ctrl+P (Quick Open). See pole lihtsalt kiire failide vahetamine: kirjutage osa failinimest ilma täpse teeta ja redaktor leiab selle hetkega. Kirjutasite ftpconf ja sftp.json on juba esimesel real. Lisasite nime järele @, avaneb nimekiri failis leiduvatest sümbolitest (funktsioonid, klassid, muutujad). Lisasite :, hüppate reanumbrile. Kolm klahvivajutust ilma aeglaste klahvide viivituseta: Ctrl+P, paar tähte, Enter.

Ja veel üks asi: Ctrl+Shift+P, käsupalett. Sama nagu Atomis, kuid nutikama uduse käsuotsinguga. Kirjutasite fmt, näete nii Format Document kui ka kõiki seotud tegevusi. Pluginad haaratakse automaatselt kaasa.

Kaugserveriga töötamine: SFTP Remote-FTP asemel

Atomis kasutati FTP-ühenduste jaoks Remote-FTP paketti. Seadistus asus failis .ftpconfig ja nõudis keepalive parameetri käsitsi haldamist: mõned plugina versioonid tõlgendasid 0 kui keepalive'i keelamist, teised kui 10000 ms intervalli. ECONNRESET segadus oli standardne, eriti pärast uuendusi.

VS Code'is haldab FTP/SFTP-d Natizyskunski SFTP, originaalse liximobo/vscode-sftp aktiivselt hooldatud haru. Töövoog on sama, kuid ilma pärandatud keepalive'i vigadeta. Seadistus läheb projektikaustas faili .vscode/sftp.json. Põhimall:

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}

Väli uploadOnSave: true on see maagia: iga Ctrl+S salvestab faili samaaegselt nii lokaalselt kui ka laeb selle serverisse üles. Pole käsitsi sünkroniseerimist.

Paigaldamine on standardne: Ctrl+Shift+X → otsi SFTP (autor Natizyskunk) → Install. Seejärel Ctrl+Shift+PSFTP: Config ja redaktor loob .vscode kausta sftp.json malli. Täitke hosti, kasutajanime ja parooli väljad, salvestage ja oletegi töövalmis. Käsk SFTP: Download Project tõmbab olemasoleva projekti serverist ühe korraga alla.

Kui teie Atom'i .ftpconfig on kusagil varukoopiates, võtab väljade üleviimine minuti: host ja port jäävad samaks, user muutub username-iks, remote muutub remotePath-iks. Parool failis sftp.json on valikuline: kui te seda ei määra, küsib redaktor seda esimesel ühendusel (tegelikult on see turvalisem).

Otsene analoog neile, kes eelistavad FTP-le SSH-d, on Microsofti laiendus Remote, SSH. See ei lihtsalt sünkroniseeri faile, vaid avab terve kaugmasina kui lokaalse kausta. Terminal, silumine, otsing, kõik töötab serveris läbipaistvalt.

⁉️🤔 Korduma kippuvad küsimused

Kas Atomist on kohustuslik üle minna just VS Code'ile?

Ei, redaktori valik on isiklik asi. Peale VS Code'i on olemas Zed (kiire, Rusti-põhine, keskendunud AI-assistentidele), Sublime Text 4 (minimalistlik, tasuline) ja Pulsar, Atom'i kogukondlik haru, mis püüab selle arendust jätkata. Kuid "kogukonna suurus + laienduste arv + uuenduste sagedus" poolest on VS Code 2026. aastal konkurentsitu. Pulsar kogus küll osa Atom'i kogukonnast ja toetab vana paketivormingut, sealhulgas atom-beautify't, kuid arendustempo on palju aeglasem, laienduste kataloog on piiratud ja ettevõtete meeskonnad sellele üle ei lähe. Kui olete sooloarendaja ja kategooriliselt ei soovi harjumusi muuta, proovige järele. Kõige muu jaoks on VS Code.

Kuidas migreerida jupid Atomist VS Code'i?

Atom salvestas kasutaja jupid failis ~/.atom/snippets.cson (CSON-vorming, sarnane CoffeeScripti-stiilis JSON-ile). VS Code kasutab tavalist JSON-i failis snippets.code-snippets projekti .vscode kaustas või globaalselt läbi File > Preferences > User Snippets. Vorming erineb: CSON-i prefix asemel on prefix väli, mitmerealise asemel on body koos sõnede massiiviga. Ühe kirje migreerimine võtab 30 sekundit kopeerimist ja kleepimist. Hulgi migreerimiseks on olemas konverterid, otsige GitHubist atom-to-vscode-snippets.

Aga värviteemad?

Kõik populaarsed Atom'i teemad on ammu VS Code'i üle viidud. One Dark, Monokai, Dracula, Nord, Gruvbox, kirjutage teema nimi Laienduste otsingusse (Ctrl+Shift+X) ja see tuleb esimese katsena välja. Süntaksi esiletõstmine VS Code'is töötab TextMate'i grammatikate kaudu, samade, mida Atom kasutas, nii et värvid ja märgendid klapivad peaaegu pikslitäpselt.

Kas mitmik-kursor töötab nagu Atomis?

Jah, ja täpselt samade klahvidega: Ctrl+D valib kursori all oleva sõna järgmise esinemise, Alt+Click asetab suvalise redigeerimispunkti, Ctrl+Shift+L valib kõik esinemised korraga. Atom leiutas mitmik-kursoriga redigeerimise, VS Code teostas selle identselt.

Kas VS Code suudab avada väga suuri faile (logid, tõmmised)?

Atom hakkas märgatavalt aeglustuma failide puhul, mis olid suuremad kui 2 MB, ja 10 MB lävi oli praktiliselt ületamatu. VS Code tuleb sellega oluliselt paremini toime: kuni 50-100 MB failid avanevad normaalselt (süntaksi esiletõstmine võib mälu säästmiseks automaatselt keeluda). Eriti suurte logide (gigabaidid) jaoks kasutage laiendust Large File Support või väliseid tööriistu nagu less/grep terminalis.

Mida paigaldada 2026. aastal: konkreetne komplekt Atom'i asemele

Kui olete endiselt Atomil, oli migreerumise viimane päev eile. Redaktor ei saa enam turvauuendusi, apm paketihaldur on keelatud ja mõned paketid ei ühildu juba praegu viimase versiooniga (1.63.2 novembrist 2022). Surnud redaktoril püsimine tähendab avatud uksega töötamist.

Konkreetne asenduskomplekt:

  • VS Code põhiredaktorina, tasuta, igakuised uuendused, 50 000+ laiendust Marketplaces.
  • Prettier kõige vormindamiseks: HTML, CSS, JS, Markdown, JSON. Üks klahvivajutus salvestamisel.
  • SFTP Natizyskunkilt failide üleslaadimiseks hostinguisse FTP/SFTP kaudu. Sama .ftpconfig muster nagu Remote-FTP, ainult ilma keepalive'i vigadeta.
  • Remote, SSH kui hosting toetab SSH-juurdepääsu: täisväärtuslik töö serverifailidega ilma käsitsi sünkroniseerimiseta.

Kolm sammu kohe alustamiseks: laadige VS Code alla ametlikult saidilt, paigaldage Prettieri ja SFTP laiendused, viige andmed failist .ftpconfig faili sftp.json. See võtab tund aega ja lahendab redaktori küsimuse aastateks. Proovige järele, kõik loetletu on tasuta.