Почетна » Цодинг » Додавање исечака прилагођеног кода у Атом
Додавање исечака прилагођеног кода у Атом
То није случајност Атом, уређивач изворног кода који је креирао Гитхуб је популаран у заједници за израду веб страница. Не само то лако проширив са хиљадама Атом пакета, и има а подршка широком језику, али скоро сваки његов део је цустомизабле од стране корисника.
Користећи Атомове Сниппетс феатуре, можете учинити ваш радни процес кодирања продуктивнијим, као и до поново користи исјечке понављајућих кодова можете смањити дио вашег посла који се понавља. У овом посту, показаћу вам како можете користите Атомове уграђене исјечке кода, и направите сопствене прилагођене делове.
Користите уграђене исјечке кода
Подразумевано, Атом долази са уграђени исјечци кода, од којих је сваки везан за обим припадају одређеној врсти датотеке. На пример, ако радите на датотеци са .јс наставак, само ће исјечци који припадају ЈаваСцрипт опсегу бити доступни за ту датотеку.
Видети све доступне исјечке за ваш тренутни тип датотеке, притисните Алт + Схифт + С. Ако изаберете исјечак са падајуће листе и кликнете на њега, Атом ће убацити цео исјечак у ваш уредник без икаквих додатних проблема.
Ако већ знате за опције, не морате обавезно учитати читаву листу. Када почнете да куцате, Атом попс ан поље за аутоматско довршавање резултата горе, који садржи доступне исјечке кода који припадају одређеном опсегу и стрингу који сте до сада откуцали.
На пример, ако куцате х знак у а .хтмл датотека, падајућа листа са свим уграђеним ХТМЛ исјечцима који почињу са х Појавиће.
Кликом на било коју опцију, Атом ће налепите пуну ХТМЛ ознаку (на пример. ), и поставите курсор унутар почетне и завршне ознаке.
Ако не желите да се мучите са падајућом листом, можете постићи исти резултат уписивањем х1, и притискајући Таб или Ентер - оба ова тастера уметните цео исјечак кода који припадају префиксу исечка.
Додавање прилагођених исечака кода
1. Пронађите датотеку за конфигурацију
Да бисте додали сопствене прилагођене исјечке кода у Атом, прво морате да пронађете назван је конфигурациони фајл сниппетс.цсон то је ЦоффееСцрипт Објецт Нотатион филе.
Кликните на Датотека> Исјечци ... у горњој траци, и Атом ће отворити сниппетс.цсон датотеку у коју можете додати властите прилагођене исјечке.
2. Пронађите прави опсег
Требаћеш четири ствари да бисте додали прилагођени исечак:
Тхе назив опсега
Тхе име исечка
Тхе префикс који ће функционисати као ручка исечка
Тхе тело исечка
Име, префикс и тело исечка (2-4) зависи само од вас, колико год да морате пронађите назив делокруга (1) пре додавања прилагођених исечака.
Да бисте пронашли жељени опсег, кликните на Датотека> Поставке на врху менија, а затим пронађите Пакети на картици Поставке. Овде покрените претрагу за опсег који вам је потребан, на пример, ако желите да додате одломке кода у ХТМЛ језик, тип ХТМЛ у траку за претрагу.
Кликните на пакет за подршку језицима изабраног језика и отворите сопствене поставке. Међу Граматичка подешавања, можете брзо пронаћи назив опсега, као што можете видети на слици испод.
Ево неких области које можете користити у својим Атом пројектима:
Обичан текст: .тект.плаин
ХТМЛ: .тект.хтмл.басиц
ЦСС: .соурце.цсс
Сасс: .соурце.сасс
МАЊЕ: .соурце.цсс.лесс
ЈаваСцрипт: .соурце.јс
ПХП: .тект.хтмл.пхп
Питхон: .соурце.питхон
Јава: .соурце.јава
Не заборавите да ћете морати додајте тачку (.) испред назива опсега да би га користили у сниппетс.цсон филе.
3. Креирајте исјечке једноредног кода
За креирање а одломак кода у једној линији, морате додати опсег, име, префикс и тело исечка сниппетс.цсон датотеку, користећи следећу синтаксу:
'.тект.хтмл.басиц': 'Наслов Видгета': 'префикс': 'вти' тело ':''
Овај примјер исјечка додаје а са ознаком видгет-титле класе у ХТМЛ опсег. Након ове синтаксе можете додати било који други исјечак с једним ретком у свој Атом едитор.
Када сачувате конфигурациону датотеку, кад год откуцајте префикс и притисните тастер Таб, Атом ће налепити припадајуће тело исјечка у ваш уређивач кода. Име исјечка (у примјеру Наслов видгет-а) ће се приказати у пољу за резултате аутоматског попуњавања.
4. Креирајте исјечке вишеструког кода
Вишеструки исјечци кода Користите мало другачију синтаксу. Морате да додате исте податке као и за појединачне исечке - опсег, име, префикс и тело исечка.
Оно што је овде другачије је да морате да поставите тело исечка унутар пара "" " (три двострука наводника).
Можете додатно олакшати употребу прилагођених исјечака кода додавањем таб стоп на тело исечка. Прекидање табулатора означава места на којима корисник може да се креће помоћу тастера Таб. Са картицама можете да уштедите време које захтева навигација у тексту.
Можете додати картице помоћу $ 1, $ 2, $ 3,… синтакса. Атом ће поставити курсор на место које пронађе $ 1, онда можете скочити на $ 2 помоћу тастера Таб, затим на $ 3, и тако даље.
Атом вам дозвољава додајте додатне информације у исјечке помоћу опциони параметри. Ова функција може бити корисна ако неко други користи и ваш уредник и желите да им јавите сврху исјечка, или ако имате тако компликоване прилагођене исјечке које требате додати њима.
Вредности опционих параметара су приказан у пољу за резултате аутоматског попуњавања који се појављује када почнете да уносите префикс. У примеру испод, додао сам опис & а Више… линк на претходни Наслов видгет-а прилагођени исечак:
'.тект.хтмл.басиц': 'Наслов Видгета': 'префикс': 'вти' тело ':'"десцриптион": "Можете додати наслов видгет-а са овим исјечком на видгет на бочној траци." десцриптионМореУРЛ ':' хттп://хонгкиат.цом '
Када корисник почне да уноси префикс вти, додатне информације (опис + веза) ће бити приказане на дну оквира за резултате аутоматског попуњавања. Погледај остале опционе параметре можете да додате додатне информације у прилагођене исечке.
