Уредите ЦСС дизајн у претраживачу помоћу ЦСС-а Георге

Да ли сте икада хтели директно уређује у вашем прегледнику без враћања на ЦСС датотеке? Једно од решења су Цхроме Девелопер Тоолс, али неки програмери преферирају једноставнији радни процес.

Тамо је ЦСС Георге долази у. Ово је бесплатно алат за уређивање у прегледачу Извођење радова на врху ЛЕСС и покреће га једноставан ЈаваСцрипт фајл.

Већина програмера преферира а уредник заснован на претраживачу пошто сви не користе ЛЕСС прекомпајлер. Али ЦСС Георге ради на ЛЕСС окружењу који се могу брзо инсталирати преко нпм.

Ако имате инсталиран нпм онда можете покренути овај једноставан код додајте изворне датотеке на ваш тренутни пројекат:

 нпм инсталл --саве-дев цсс-георге 

Или можете пулл тхе Георге.јс филе из ГитХуб-а, где се налази уз све остале изворне датотеке. Цео пројекат је бесплатан и отворен извор, тако да можете преузмите пуну копију од ГитХуб ако не желите да користите нпм.

Са .јс фајл додан у заглавље вашег сајта, можете почети извршава Георге функције право из претраживача. До отворите прозор за уређивање, кликните тастер Тилда који је доступан из Схифт + 'који се налази у горњем левом углу већине тастатура. А Нови прозор требало би да се појави тако да изгледа овако:

Са овог екрана можете уредите ЛЕСС варијабле користи се за све, од боја до величине фонта или фамилија фонтова.

Овде је ЛЕСС плугин постаје нужност јер мораш да кажеш ЦСС Георге које варијабле треба укључити. Једном кад су постављени, можете само отворите едитор ЦСС Георге прегледача и иди у град.

Надам се да је очигледно да је овај алат не треба бити укључени у рунтиме. Осим ако посебно не желите да дозволите посетиоцима уредите боју и стил странице, што генерално није добра идеја. Али за локално тестирање, ЦСС Георге је ретка алатка која нуди услужни програм за све програмере.

Можете види га уживо на ЦСС Георге демо страници, или преузмите пуну копију преко нпм или из ГитХуб репо-а.