JavaScript / CSS ફોર્મેટિંગ

JavaScript અને CSS સોર્સ કોડ ફોર્મેટ કરો

અપડેટ માહિતીકેટલાક ટૂલ્સ પર જાપાની ભાષા સિવાયના પૃષ્ઠો પર જાપાની ભાષામાં ટેક્સ્ટ દેખાતો હતો તે સમસ્યા સુધારીઅપડેટ માહિતી જુઓ

વિશેષતાઓ

JS અને CSS બંને માટે ફોર્મેટિંગ

ટૅબ સ્વિચથી JavaScript અને CSS દરેકને ફોર્મેટ કરો

ઇન્ડેન્ટ પહોળાઈ 4 પ્રકારમાંથી પસંદ

2 સ્પેસ, 4 સ્પેસ, ટૅબ અને સંકોચન માટે સપોર્ટ

કૌંસ શૈલી પસંદ કરી શકાય

ખુલતા કૌંસને એ જ પંક્તિમાં કે નવી પંક્તિ પછી રાખવાનું JSમાં સ્પષ્ટ કરો

Prettier વાપરી સ્થિરતા

પ્રખ્યાત ફોર્મેટિંગ લાઇબ્રેરી દ્વારા સ્થિર આઉટપુટ પરિણામ

ઉપયોગ કેવી રીતે કરવો

ભાષા ટૅબ પસંદ કરો

JavaScript કે CSS ટૅબ વચ્ચે સ્વિચ કરી લક્ષ્ય સ્પષ્ટ કરો

કોડ પેસ્ટ કરો

ઇનપુટ ખાનામાં ફોર્મેટ કરવાનો સોર્સ કોડ દાખલ કરો

શૈલી સેટ કરો

ઇન્ડેન્ટ પહોળાઈ અને કૌંસ શૈલી પસંદ મુજબ પસંદ કરો

ફોર્મેટિંગ ચલાવો

ફોર્મેટ બટન દબાવતા પરિણામ દર્શાય છે અને કૉપિ કે સાચવી શકાય છે

ઉપયોગના કિસ્સા

કોડ સમીક્ષા પહેલાં ફોર્મેટિંગ

અવ્યવસ્થિત કોડને એકસમાન શૈલીમાં ગોઠવી સમીક્ષા સરળ બનાવો

સંકોચાયેલા કોડને વાંચવાલાયક બનાવો

મિનિફાય થયેલા કોડને વિસ્તારી તેની સામગ્રી ઉકેલો

ડિલિવરી કોડનું સંકોચન

સંકોચન વિકલ્પથી વિતરણ માટે ફાઇલ કદ ઘટાડો

શીખવા માટેના નમૂનાનું શુદ્ધ લેખન

કૉપિ કરેલા કોડને વાંચવા સરળ રીતે ગોઠવી સમજ વધારો

મૂળભૂત જ્ઞાન

કોડ ફોર્મેટિંગ શું છે

કોડ ફોર્મેટિંગ એટલે કાર્યક્ષમતા બદલ્યા વિના ઇન્ડેન્ટ, લાઇન બ્રેક, કૌંસની સ્થિતિ જેવા દેખાવને નિશ્ચિત નિયમો અનુસાર ગોઠવવું. લખવાની રીતમાં તફાવત દૂર થતાં, અનેક લોકો સાથે વિકાસ કરવામાં પણ ફેરફારો વાંચવામાં સરળ બને છે અને કોડ સમીક્ષાનો બોજ ઘટે છે.

Prettier શું છે

Prettier એ JavaScript અને CSS ના ફોર્મેટિંગ માટે વિશ્વભરમાં વ્યાપકપણે ઉપયોગમાં લેવાતું ફોર્મેટર છે, જે 'ટૂલ પર છોડી દો' એ વિચાર સાથે ઝીણા ઝીણા ફોર્મેટ અંગેની ચર્ચાઓ ટાળીને એકરૂપતા લાવે છે.