ПредишенСледващото

Sass на прозорци които го използват разузнавач
Тази статия описва конфигурацията SAS под прозорците, използващи Скаут App. Особеността на това ръководство е, че ние не използваме командния ред.

Скаут App - безплатно приложение за прозорци и Mac, разработва и поддържа от разработчиците Взаимно на човека.

Задайте Scout

В предишна статия ние открихме SASS с помощта на командния ред, рубин също трябваше да инсталирате ръчно, преди да инсталирате SASS. Скаут ни дава възможност да се откажат от по-горе процедури. Скаут стартира SASS и компас в Ruby самостоятелен среда, което прави минимално лесно започване на работа с Препроцесорът.

За да инсталирате Скаут, просто да изтеглите софтуера и следвайте инструкциите за инсталиране. По принцип Скаут малко бавен приложение (повече за това по-късно). Например, има леко забавяне в инсталацията, въпреки че размерът на файла малък - около 20MB.

Sass на прозорци които го използват разузнавач

Интерфейс Скаут App

След стартиране на приложението ще бъде зареден със супер-минималистичен интерфейс.

Sass на прозорци които го използват разузнавач

Въпреки това, когато за първи път видях този интерфейс, аз бях изненадан - няма меню като такива, и които не са очевидни бутон - какво да правя? Единственият вариант, в този момент - един знак плюс в долния ляв ъгъл на екрана. Ако го натиснете, ще видите познатия прозорец прозорци с молба да изберете папка.

Sass на прозорци които го използват разузнавач

Използването на тази опция, отидете да се опаковат на проекта, както и да го добавите към съгледвача.

Създаване на проекта

След като добавите един или повече проекти, трябва да видите следното:

Sass на прозорци които го използват разузнавач

На моя например Добавих два проекта. Забележете няколко неща, в допълнение към проектите, представени в левия панел.

Sass на прозорци които го използват разузнавач

Избраният проект е осветена в синьо, а всеки проект има свои собствени настройки на панела (отдясно). Също така имайте предвид бутона за възпроизвеждане. който е подарък за всеки проект.

Папки и опции за изход

Преди обяснява назначаването на бутона за пускане. нека да разгледаме опции за конфигуриране, които ще помогнат да създадете отделен проект.

Sass на прозорци които го използват разузнавач

Задължително са първите две полета, първото поле показват пътя към CSS файлове на вашия проект, а вторият - по пътя от получената папка (аз използвам същата папка).

Долната лента с опции ни позволява да изберете режима за резултата от CSS файл. Можете да изберете околната среда (сряда) с развитие на опции (разработчик) или производство (производство). След това можете да изберете стил за изходния файл, въз основа на следното: Вложени (влагане), Expanded (Разширени), Compact (Compact) или сгъстен (компресиран).

Обикновено, на изхода винаги трябва да изберете сгъстен (компресиран), разбира се, ако искате вашия размер на изходния файл е сведена до минимум, доколкото е възможно. Няма да обяснявам какво всяка от тези опции, но те са доста прости и можете да играете с тях, за да видите разликата между получените стилове.

Създайте файл .scss

След избраната папка на изхода и на входа, и да зададете настройките изход, трябва да създадете своя дързък файл. Достатъчно е да направите текстов файл и да промени неговото удължаване до SCSS или използвате съществуващ CSS файл и да го смените с rasshrenie ".scss".

Няма нужда да се създаде съответната CSS файл. Както и с дързост от командния ред, дързък автоматично създават изходен файл.

Ние търсим промени и kompilliruem файл

И накрая, за да се получи в резултат на CSS файл, просто кликнете върху бутона в пиесата на проекта се работи по и Scout ще започне автоматично превключване за съставяне на регистър прозорец. така че можете да гледате на промените.

Sass на прозорци които го използват разузнавач

Sass на прозорци които го използват разузнавач

Скаут има и други възможности, но тези, които се обсъждат в тази статия ще ви помогне да започнете с Препроцесори в кратък период от време. Най-доброто нещо за това е, че не е нужно да инсталирате Ruby и Compass / Sass и да използвате командния ред.

Проблеми с Scout

Скаут е безплатно приложение, а не дори и първата версия, така че е алфа и бета версия.

Свързани статии

Подкрепете проекта - споделете линка, благодаря!