Home-theater-designers
Писање чистог и читљивог кода је од суштинског значаја, било да радите сами или са тимом програмера. Док многи фактори доприносе читљивости кода, један од најважнијих је доследно форматирање кода.
Али ево проблема: ручно форматирање кода може бити апсолутна мука и врло склоно грешкама. Алати као што је Преттиер чине форматирање ХТМЛ-а, ЦСС-а, ЈаваСцрипт-а и других језика много лакшим. Откријте како да инсталирате и користите екстензију Преттиер за форматирање кода, као и нека напредна подешавања конфигурације.
МАКЕУСЕОФ ВИДЕО ДАНА ПОМЕРИТЕ ДА БИСТЕ НАСТАВИЛИ СА САДРЖАЈЕМ
Инсталирање Преттиер
Пре него што наставите, уверите се да имате Ноде.јс инсталиран на вашем рачунару. Можете инсталирати најновију верзију са званична страница за преузимање Ноде.јс . Долази са менаџер пакета чвора (нпм) уграђени, који ћете користити за управљање вашим Ноде.јс пакетима.
Након што потврдите да је Ноде.јс инсталиран локално, почните креирањем празног директоријума за ваш пројекат. Можете именовати именик лепше-демо .
Затим, цд у тај директоријум користећи командну линију, а затим покрените следећу команду да бисте иницијализовали Ноде.јс пројекат:
Ц8722812Е7ФЦД03ДЦБЕЦ0Ц04946Д382Ц10024Б66
Ова команда генерише датотеку пацкаге.јсон која садржи подразумевана подешавања.
Да бисте инсталирали проширење Преттиер, покрените ову наредбу терминала:
1Е8587ДЕ7Б33Е29Е9362Е4Ф248ЕЦ769Ф53Е8Ц65А
Тхе --саве-дев флаг се лепше инсталира као зависност за програмере, што значи да се користи само током развоја.
Сада када сте га инсталирали, можете почети да истражујете како Преттиер функционише користећи га на командној линији.
Коришћење Преттиер-а преко командне линије
Почните креирањем а сцрипт.јс датотеку и попуњавајући је следећим кодом:
Е30164Д24АЕ5Д3820Ц6ЦАЕАБ5АД39Ф718078972ЦДа бисте форматирали код у овој датотеци сцрипт.јс преко командне линије, покрените следећу команду:
Б310ЕА8ДЕ3643Б7397Ц1А2Д1867ЕБ1Ф0ДДЕ71А1ФКоманда реформатира ЈаваСцрипт код у сцрипт.јс у Преттиеров подразумевани стандард. Ово ће бити резултат:
7А855046АЦАБ64А4ЦА27ЕА0531ДФ61280ФА1А7Ф8Такође можете форматирати ХТМЛ ознаке из командне линије. Направите ан индек.хтмл датотека у истом директоријуму као сцрипт.јс . Затим налепите следећи лоше форматиран ХТМЛ у датотеку:
6Ц3842007Д724АФА1Ф8798Е0Б684ДБ27Е8ДЕ1ФБ6Да бисте форматирали ХТМЛ, покрените ову команду:
како пронаћи свој тест страсти53Ц12Е319Ф56750Ф1291ДЕЕ8ДАФ9ДЦФ37ЦБААФ50
Ова команда преформатира ХТМЛ у Преттиеров подразумевани стандард, што резултира следећим кодом:
9ЕФ1090Ц4Б67ЕА5Ц5АД58Ц0ЦА0Ф89Ф5БА16ДЕ428Такође можете користити --проверавати заставицу да проверите да ли је код у складу са Преттиеровим стандардима. Следећи пример проверава сцрипт.јс :
Д563ЦД06Е270ФБЦ0Е66А1Ф56803471А5ДБЦ8Ф29ЦОво је корисно ако желите закачицу пре урезивања како бисте били сигурни да људи користе Преттиер и форматирају датотеке пре него што их гурну у Гит. Ово добро функционише када доприноси отвореном коду .
Интеграција Преттиер у Висуал Студио Цоде
Коришћење Преттиера преко командне линије може бити мука. Уместо ручног покретања команде сваки пут када желите да форматирате код, можете је подесити да аутоматски форматира када промените датотеку. Срећом, Висуал Студио Цоде (ВС Цоде) има уграђен начин да то уради уместо вас.
Иди на Екстензије картицу у ВС коду и потражите Лепше . Кликните на Преттиер - Форматер кода , инсталирајте га, а затим га омогућите.
Идите у подешавања ВС кода тако што ћете отићи на Филе > Преференцес > Сеттингс . У пољу за претрагу потражите Лепше . Наћи ћете гомилу опција које ће вам помоћи да конфигуришете додатак Преттиер.
Обично можете да прођете са подразумеваним подешавањима. Једина ствар коју бисте могли да промените су тачке и зарез (можете их уклонити ако желите). У супротном, све је подешено на подразумевано, али можете да промените како год желите.
како рударити догецоин на рачунару
Обавезно омогућите форматонсаве опцију тако да се код у свакој датотеци аутоматски форматира када сачувате ту датотеку. Да бисте то омогућили, само потражите форматонсаве и означите поље.
Ако не користите ВСЦоде или проширење не ради из неког разлога, можете преузмите онцханге библиотеку . Ово покреће наредбу за форматирање кода сваки пут када промените датотеку.
Како занемарити датотеке приликом форматирања са Преттиер
Ако би трчао лепши --врите команду за целу фасциклу, прошла би кроз сваки од ваших модула чвора. Али не би требало да губите време на форматирање кода других људи!
Да бисте заобишли овај проблем, креирајте а .преттиеригноре датотеку и укључите термин ноде_модулес у фајлу. Ако бисте покренули --врите команду на целој фасцикли, она би поново форматирала све датотеке осим оних у ноде_модулес фолдер.
Такође можете занемарити датотеке са одређеним екстензијом. На пример, ако желите да занемарите све ХТМЛ датотеке, једноставно додајте *.хтмл до .преттиеригноре.
Како да конфигуришете лепше
Можете да конфигуришете како желите да Преттиер ради са различитим опцијама. Један од начина је додавање а лепша кључ за ваш пацкаге.јсон фајл. Вредност ће бити објекат који садржи све опције конфигурације:
124Д3339Е14Ф1236Д82Ц77Ф9Б5АДЕД3547ЦДАЦ2ДДруга опција (коју препоручујемо) је креирање а .преттиеррц фајл. Ова датотека ће вам омогућити да извршите све врсте прилагођавања.
Рецимо да не волите тачке и зарезе. Можете их уклонити постављањем следећег објекта у датотеку:
А3Ц702Е1АФ49Б5544507Е2А40Е4Д3ФЕБЕ2107753Тхе надјачава својство вам омогућава да дефинишете прилагођена замена за одређене датотеке или екстензије датотека. У овом случају кажемо да све датотеке које се завршавају на .тс (то јест, датотеке куцаног текста) не би требало да имају тачку и зарез.
Коришћење Преттиер са ЕСЛинт-ом
ЕСЛинт је линтинг алат за откривање грешака у ЈаваСцрипт коду, као и за његово форматирање. Ако користите Преттиер, вероватно не бисте желели да користите и ЕСЛинт за форматирање. Да бисте их користили заједно, мораћете да инсталирате и подесите еслинт-цонфиг-преттиер . Овај алат искључује све ЕСЛинт конфигурације за ствари којима Преттиер већ рукује.
Прво морате да га инсталирате:
22139241Ф3281ФЕФ03Ф54Б12А198Д754Д3134Д53Затим га додајте на листу проширења у .еслинтрц фајл (уверите се да је последња ствар на листи):
А1БЕ7ААЦ19ААА36Ц4БД3Ц9Ф1444ЕФДФАФ4693А8ДСада ће ЕСЛинт онемогућити сва правила о којима Преттиер већ води рачуна да спречи конфликте.
Очистите своју базу кода помоћу Преттиер и ЕСЛинт-а
Преттиер је идеалан алат за чишћење вашег кода и спровођење доследног форматирања у оквиру пројекта. Подешавање да ради са ВС кодом значи да је увек на дохват руке.
ЕСЛинт је обавезан ЈаваСцрипт алат који иде руку под руку са Преттиер-ом. Пружа мноштво функција и опција прилагођавања које превазилазе основно форматирање. Научите како да користите ЕСЛинт са ЈаваСцрипт-ом ако желите да будете продуктивнији програмер.