Tutorial ng Atom Text Editor

Atom Text Editor Tutorial



Ang Atom ay isang libre at naa-access sa publiko ang source code editor. Sinusuportahan ito ng macOS, Linux, at Microsoft Windows. Hindi lamang ito isang simpleng text editor. Mayroon itong lahat na gagawing araw ng isang developer. Totoo sa salita nito, ito ay a hackable text editor na may suporta mula sa libu-libong mga bukas na mapagkukunan ng mapagkukunan na idaragdag dito, lahat ng iyong kanais-nais na mga pasadyang pag-andar at tampok. Maaari ka ring lumikha ng isang pakete sa iyong sarili at ibigay ito sa pamayanan ng Atom para magamit. Ang UI nito ay maaaring ipasadya pati na rin ng paunang naka-install na apat na mga tema ng UI at walong syntax sa parehong madilim at magaan na mga kulay at kung hindi mo pa rin matagpuan ang kaaya-aya sa aesthetically ayon sa gusto mo maaari mong laging mai-install ang mga tema na nilikha ng pamayanan ng ATOM o gumawa ng iyong sarili. Ang iba pang mga tampok ay may kasamang maraming mga pane, matalinong pag-autocompleto, at karaniwang, ang mga default na setting ay napakahusay, maaaring ma-download ng isang bagay ang bagay na ito at makakapagtrabaho kaagad.

Ang isang mahusay na tampok na sinusuportahan ng atom ay ang Git at GitHub. Kaya mo







  • lumikha ng mga bagong sangay
  • entablado at mangako
  • Itulak
  • Hilahin
  • lutasin ang mga salungatan sa pagsasama
  • tingnan ang mga kahilingan sa paghila at higit pa, lahat mula sa loob ng iyong editor


Ang package na GitHub ay na-bundle na kasama ng Atom, upang maaari ka nang magsimula kaagad.



Ang tanging downside para sa editor ng teksto ng Atom ay, maaari itong maging kapansin-pansin na mabagal at hindi maaaring maging napakahusay para sa mabibigat na mga file, dahil pinapabagal nito ang pagganap ng madalas.



Sa artikulong ito hindi lamang namin tatalakayin, kung paano i-install ang Atom kundi pati na rin kung paano mag-install ng mga pakete at ang pagtatrabaho ng text editor ng Atom.





Hakbang-hakbang na Pag-install ng Atom Editor

Una, kailangan mong pumunta sa opisyal na webpage ng editor ng Atom gamit ito link . Ang sumusunod na pahina ay ipapakita sa iyo.



Mag-click sa 'I-download .deb' at i-save ang file sa iyong nais na lokasyon, para sa akin ito ay 'Mga Pag-download'.

Matapos ang iyong file ay nai-save. Buksan ang iyong terminal at patakbuhin ang sumusunod na utos upang mai-install ang package.

Magsisimula ang proseso ng pag-install.

Maaari mo ring mai-install ang Atom sa pamamagitan ng snap. Ngunit upang gumana iyon, tiyaking naka-install ang snap sa iyong system. Upang mai-install sa pamamagitan ng snap, gamitin ang sumusunod na utos

Kapag nakumpleto na ang pag-install, ilunsad ang Atom. Ipapakita ang sumusunod.

Isang gabay upang mag-install ng mga pakete sa Atom Editor

Tulad ng napag-usapan, sikat ang editor ng Atom sa kakayahang maiangkop sa kinakailangan ng gumagamit. Upang magawa iyon, sundin ang mga naibigay na hakbang

Mag-click sa pindutang 'I-edit' sa menu bar at mag-navigate sa kagustuhan

Mag-click sa 'Mga Kagustuhan', makikita mo ang sumusunod na screen

Ngayon Mag-navigate sa 'Pag-install' at mag-click dito. Lilitaw ang isang box para sa paghahanap. Isulat ang pangalan ng package. Ang iyong ninanais na pakete ay mai-install sa ‘/home/zoe/.atom/packages '.

Paano pumili ng teksto, kopyahin ang teksto at i-paste ang teksto?

Ang pagpili ng teksto ay kinakailangan upang makopya, mai-format, tanggalin at ilipat. Halos lahat ng trabaho sa pag-edit at pag-format ay nagsisimula sa pamamagitan ng pagpili ng isang bagay. Ang pinakamadaling paraan upang pumili ng teksto ay sa pamamagitan ng pagpindot sa ‘ Shift ’ + ‘ .. '

Upang Kopyahin ang paggamit ng teksto , 'Ctrl' + 'Ipasok'

Upang Mag-cut ng teksto, mag-click 'Shift' + 'Tanggalin'

At upang i-paste ang teksto, gamitin 'Shift' + 'Ipasok'

Paano magagamit ang 'Autocomplete' sa Atom?

Ang Autocomplete, o pagkumpleto ng salita, ay isang tampok na pamilyar sa bawat isa dahil halos sinusuportahan ito ng bawat aparato at madalas kaming umaasa dito. Ang isang kahulugan ng text book ay magiging 'hinuhulaan ng application ang natitirang salita na nai-type ng isang gumagamit'. Gumagana ito para sa Atom tulad ng ginagawa nito para sa anumang aplikasyon, karaniwang gumagamit ang gumagamit ng ilang mga character at nagmumungkahi ang application ng mga keyword.

Ang isang halimbawa ay ipinapakita sa screenshot sa ibaba

Paano lumikha at gumamit ng mga snippet?

Ang Atom ay may mahusay na tampok na 'built-in na mga code ng code. Dapat pansinin na ipinapakita lamang sa iyo ng Atom ang mga snippet para sa isang partikular na saklaw kung saan ka nagba-coding. Halimbawa, kung nagtatrabaho ka sa isang file na may extension na .html, mga snippet lamang na kabilang sa HTML ang magagamit para sa file na iyon.

Upang suriin ang lahat ng mga snippet para sa kasalukuyang saklaw, mag-click sa 'Mga Pakete' at pagkatapos ay piliin ang 'Mga Snippet'

Sa pamamagitan ng pagpili ng isang snippet mula sa drop-down na listahan, isingit ni Atom ang buong snippet sa editor nang walang karagdagang pagtatalo. Sa ibaba ang mga screenshot ay nagpapakita ng screen para sa pagpili ng 'todo'

Upang lumikha ng isang bagong snippet

Upang lumikha ng isang solong-linya na snippet ng code, kinakailangan kang magdagdag sa file na snippet.cson

  • ang saklaw
  • ang pangalan
  • ang unlapi
  • katawan ng snippet

Ang sumusunod ay isang halimbawa para sa syntax nito.

Halimbawa

Sa naibigay na screenshot sa itaas, kung ano ang ginagawa namin ay iyon, gumagawa kami ng isang snippet na magdagdag ng isang

tag kasama ang klase ng ‘pasadyang pamagat’ sa saklaw ng HTML.

Ngayon pagkatapos i-type ang halimbawa sa itaas, i-save ang file ng pagsasaayos. Mula ngayon, tuwing mai-type mo ang unlapi at i-click ang Tab key, i-paste ng editor ang katawan ng snippet. Pansinin na ipinapakita ng kahon ng resulta ng autocomplete ang pangalan ng snippet.

Ang mga snippet ng multi-line code ay pareho sa solong linya subalit gumagamit ito ng kaunting magkaibang syntax. Ang data na ginamit ay magiging pareho.

Gayunpaman ang pagkakaiba dito ay ang katawan ng snippet ay mapapalibutan ng tatlong dobleng quote ibig sabihin

Sa snippet.cson, ang snippet ay dapat na may isang tuldok / naidagdag na panahon sa simula ng string na iyon. Kasama sa mga karaniwang saklaw ng web-wika ang:

Maghanap at Palitan

Ang paghahanap at pagpapalit ng teksto sa iyong file o proyekto ay mabilis at madali sa Atom. Ang sumusunod ay mga ginamit na utos.

'Ctrl' + 'F' - Ang utos na ito ay maghanap sa loob ng file.

'Ctrl' + 'Shift' + 'F' - Ang utos na ito ay maghanap sa loob ng buong proyekto.

Sa pamamagitan ng paggamit ng alinman sa mga utos na ito, makikita mo ang sumusunod na UI kasama ang panel sa ilalim ng screen.

Upang maghanap sa loob ng iyong kasalukuyang buffer,

  • pipindutin mo ‘ Ctrl ’+’ F ’ ,
  • i-type ang isang string ng paghahanap at pindutin ang Enter
  • pindutin ang 'F3' upang patuloy na maghanap sa file na iyon.
  • 'Alt' + 'Enter' mahahanap ang lahat ng mga paglitaw ng string ng paghahanap

Kung nagta-type ka ng string sa Palitan textbox, papalitan nito ang teksto ng string text.

Paano gagana ang maraming mga pane?

Maaaring hatiin ang pane ng editor sa pahalang na pagkakahanay o patayong pagkakahanay. Para sa aksyon na iyon,

  • Gumamit ng Ctrl + K + ↑
  • Gumamit ng Ctrl + K + ↓
  • Gumamit ng Ctrl + K + ←
  • Gumamit ng Ctrl + K + →

Ipinapakita ng key ng direksyon ang direksyon kung saan nais mong hatiin ang pane. Kapag nahati mo na ang mga pane, maaari kang lumipat sa pagitan ng mga ito ng mga nasa itaas na utos, at ituon ito sa kani-kanilang pane.

Ang halimbawa sa ibaba para sa paghahati ng screen sa direksyon sa itaas.

Nagha-highlight ng Syntax para sa sawa

Upang gumana ito, unang siguraduhing mayroon kang naka-enable na package na 'Langauge-python'. Pagkatapos, buksan ang isang python file, halimbawa dito gumagamit ako ng 'demo.PY'.

Mapapansin mo na naka-highlight ang syntax, sa gayon pinipino ang kakayahang mabasa ng teksto; lalo na para sa mga code na maaaring sumaklaw sa maraming mga pahina. Nasa ibaba ang isang halimbawa,

Ang paglipat sa Atom

Bagaman napakadaling lumipat sa loob ng Atom, palagi kang mangangailangan ng tulong tungkol sa mga key na umiikot na mga shortcut na makatipid sa iyo ng maraming oras. Heto ang link para sa mga pinaka-karaniwang paggalaw sa loob ng Atom kasama ang ilang iba pang mga kamangha-manghang mga shortcut.

Git at GitHub kasama si Atom

Para sa pagpapatakbo ng Git, hindi mo na kailangang mag-install pa ng kahit ano. Ang Atom bilang default ay naglalaman ng pagsasama para sa git. Ang Atom ay binubuo ng dalawang mga tab, isang tab para sa Git at tab na dalawa para sa GitHub.

Isang paraan upang ma-access natin ang mga ito alinman sa pamamagitan ng pag-click sa ‘ Tingnan ’ at pagpili I-toggle ang Git Tab / Toggle GitHub Tab mga menu sa tuktok na menu bar. Ang isa pang kahalili ay mga hotkey.

  • Go Tab: ‘ Ctrl ’+‘ Shift ’+‘ 9 ’
  • GitHub Tab: ‘ Ctrl ’+‘ Shift ’+‘ 8 ’

Upang lumikha ng isang bagong lalagyan, mag-click sa pindutang 'Lumikha ng Repository', ipasok ang pangalan ng lalagyan at pagkatapos ay mag-click sa pindutang 'Init'.

At iyon ang proseso ng pagsisimula ng iyong git repository.

Kaya ngayon mapapansin mo ang isang UI tulad ng pagsunod

Ang itinanghal at walang pasok ang mga pagbabago ay ipinapakita sa ibaba bawat isa sa gilid ng screen, maaari ding gumawa ng isang mangako sa anumang sandali.

Kaya't ganoon kadali ang paglilipat ng editor ng Atom sa mga developer at nagiging isang sulit na karanasan sa gumagamit. Binigyan ka ng artikulong ito ng isang pananaw kung gaano ang cool na editor ng Atom sa lahat ng mga tampok na ito na nagdala ng paghahayag sa pamayanan ng programa. Salamat sa pagbabasa ng artikulong ito.