Разкрасяване на TypeScript – форматирайте код в браузъра
Разкрасяването на TypeScript използва Prettier, за да превърне вход на TypeScript в последователно форматиран код. Поставете или пуснете фрагмент, след което изберете отстъп и настройте ширината на реда, точката и запетаята, кавичките и запетаите в края, за да паснете на предпочитания си стил. Прегледайте форматирания резултат и го копирайте за вашия редактор, преглед на код, доклад за грешка или друг развоен работен процес. То може също да помогне да се разкрие къде входът не се парсва.
Разкрасяването на TypeScript е онлайн форматър на TypeScript, който използва Prettier, за да направи изходния код по-лесен за четене и преглед. Поставете или пуснете TypeScript в инструмента, изберете отстъп и генерирайте последователно форматиран резултат. Полезен е, когато ви трябва да форматирате TypeScript онлайн, без ръчно да настройвате празните места и пунктуацията.
Поведението на форматирането е настройваемо: задайте отстъп и ширина на реда, и конфигурирайте точка и запетая, кавички и запетаи в края. Тези опции ви позволяват да оформите резултата според стила, който ви трябва. След форматирането копирайте резултата във вашия редактор, преглед или доклад. Инструментът може също да помогне да се идентифицира редът, където входът не успява да се парсне.
Файловете с изходен код на TypeScript съдържат код, докато форматирането определя как този код е подреден. Последователният отстъп, ширината на реда, точката и запетаята, кавичките и запетаите в края могат да направят машинно генерираните файлове или непознатите фрагменти по-лесни за проверка и да намалят шума от празни места в сравняването на версии. Ползвайте форматъра преди комит, споделяне на фрагмент или преглед на код, когато по-ясният изглед би помогнал.
Разкрасяването на TypeScript се изпълнява изцяло във вашия браузър: входът се обработва на вашето устройство и не се качва, съхранява или изпраща към сървър. Не се изисква регистрация и след зареждането на страницата той продължава да работи офлайн. Това го прави практичен инструмент за форматиране за разработчици и DevOps инженери, които искат да подобрят четимостта на кода, като същевременно запазят изходния си текст локално.
Стъпка 1: Поставете или пуснете вашия TypeScript в инструмента. Използвайте фрагмент или цял документ на TypeScript като вход.
Стъпка 2: Изберете желаната настройка за отстъп. Последователният отстъп може да направи форматирания код по-лесен за сканиране и сравняване.
Стъпка 3: Настройте наличните опции за форматиране, включително ширина на реда, точка и запетая, кавички и запетаи в края. Тези настройки ви позволяват да оформите резултата според предпочитания си стил.
Стъпка 4: Прегледайте форматирания резултат и го копирайте. Ако входът не се парсва, използвайте посочения ред, за да откриете проблема във вашия изходен код.
Случай на употреба: Направете нечетим, машинно генериран файл на TypeScript по-лесен за преглед, преди да го комитнете. Последователното форматиране ви помага да се фокусирате върху кода, а не върху неговото оформление.
Случай на употреба: Проверете документ на TypeScript, който не сте писали, спрямо стила за форматиране, който трябва да спазвате. Настройте отстъпа и другите налични опции, преди да прегледате резултата.
Случай на употреба: Създавайте последователно отстъплен резултат, така че сравняването на версии да подчертава промените в кода, вместо шума от празните места. Това е полезно при подготовка на файлове на TypeScript за преглед на код.
Случай на употреба: Форматирайте фрагмент, преди да го поставите в доклад за грешка или преглед на код. Ясният изглед прави примера по-лесен за четене от другите.
Случай на употреба: Проверете дали входът на TypeScript се парсва и намерете реда, където не го прави. Това може да ви помогне да стесните синтактичния проблем, преди да продължите работата си.
Случай на употреба: Стандартизирайте вида на фрагмент от TypeScript, преди да го споделите с колега. Настройте опции като кавички и точка и запетая, за да получите резултат, който е по-лесен за сравняване.
Случай на употреба: Подредете малко парче от TypeScript, преди да го добавите към проектни бележки или техническа документация. Четимото форматиране прави примерите на код по-лесни за следване.