עריכת scss ישירות בשרת

[ארז ליברמן]

שלום לכולם.
התחלתי לכתוב סטיילים בsass.
הדרך שאני רגיל לעבוד זה לפתוח את הקבצים בwinscp בעורך שאני עובד איתו ולעבוד ישירות על הקבצים.
בsass צריך לקמפלר את הקובץ לcss רגיל.
יש המון אפליקציות שמקמפלרות את זה בלוקל אבל לא מצאתי שום פתרון לקמפלר את זה ישירות בשרת.
אחרי שחקרתי קצת הבנתי שצריך יכולות מסוימות של רובי וכ' שצריכות להיות בשרת.
מישהו מכיר את זה ויכול להסביר לי מה צריך לעשות כדי שאוכל לעבוד על הscss שנמצא בשרת ישירות בעורך?
תודה רבה.

 

[KingYes]

תעבוד עם PhpStrom.. החיים יהפכו ליותר קלים ונעימים.

 

[ארז ליברמן]

תעבוד עם PhpStrom.. החיים יהפכו ליותר קלים ונעימים.

זה קוד אדיטור? קליינט ftp? שניהם?
זה יעזור לי ספיציפית עם הבעיה שציינתי או שזה המלצה כללית בלי קשר?

 

[KingYes]

IDE + כל מה שרק תצטרך בשביל לבנות אתרים. הכל מכל טוב..

 

[wmw]

אני עובד עם SUBLIME, והוא מקמפל לי את זה ישירות בכל שמירה

אני לא יודע אם הוא מסוגל לקמפל בשרת, אבל יש לו קונפיגורציה שלדעתי מתאים שיהיה בה דברים כאלו

אגב, התחלתם CSS4?
אנחנו בעבודה כבר מריצים דברים כאלו
אנחנו מחוייבים רק לכרום, ובכרום יש אלמנטים שכבר רצים, אז...

 

[mat]

http://www.internet-israel.com/internet/מדריכים/sass/sass/

 

[ארז ליברמן]

http://www.internet-israel.com/internet/מדריכים/sass/sass/

אתה יכול לראות אותי שואל שם את השאלה בתגובות פייסבוק...
זה מסביר איך להתקין סביבית עבודה במחשב טאת זה עשיתי אני שואל לגבי קימפול בשרת...

 

[ארז ליברמן]

אני עובד עם SUBLIME, והוא מקמפל לי את זה ישירות בכל שמירה

אני לא יודע אם הוא מסוגל לקמפל בשרת, אבל יש לו קונפיגורציה שלדעתי מתאים שיהיה בה דברים כאלו

אגב, התחלתם CSS4?
אנחנו בעבודה כבר מריצים דברים כאלו
אנחנו מחוייבים רק לכרום, ובכרום יש אלמנטים שכבר רצים, אז...

אני גם עובד עם סאבליים ויש לו פיטצ'רים יפים לsaaa אבל הקימפול כנראה קשור לשרת.
השתמשתי בפיטצ'רים שלו של ההילייטים ושל הבילד אבל את הקימפול עצמו הוא לא מסוגל (וכנראה גם לא אמור) לעשות.

 

[ארז ליברמן]

זה מה יש בנתיים

זה הכי קרוב בנתיים.
http://alphapixels.com/prepros/pro/
עולה 25$ אבל נותן העלאה לftp ב קליק אחד.
בנתיים הכי קרוב למה שאני מחפש.

 

[wmw]

תחסוך את ה 25 דולר
אם אתה עובד עם FILEZILLA, אתה יכול להוריד את ה CSS [!] לעריכה, הוא יפתח לך אותו ב SUBLIME, אל תיגע בו כמובן.
כעת תמצא את הכתובת הפיזית שלו, תקבע את זה בהגדרות SASS כנתיב קומפילציה.
ואז, לאחר כל קומפילציה, כשתעבור ל FILEZILLA, היא תודיע לך שהקובץ המקומי עבר שינוי, ותציע לך לאשר העלאה שלו לשרת.


וכעת אני חושב שאותו דבר יעבוד ביתר קלות, אם תקרא לעריכה על שניהם [CSS SCSS]
הם יהיו באותה תיקיה, ואז FZ יציע לך להעלות את שניהם...

תבדוק מה קורה בNP++ כשאתה פותח עם התוסף של FTP, לא ניסיתי שם את הקומפיילר של SASS.

אם אתה נזקק לזה המון, אתה יכול לפתוח לך תוכנה קטנהטנה [אני יודע את זה בדוט נט, לא ניסיתי בצורה אחרת]
שבה תקבע תיקיה, וכל שינוי בסוג קובץ CSS יגרום לו להעלות אותו ל FTP שתקבע לו מראש.

 

[ארז ליברמן]

תחסוך את ה 25 דולר
אם אתה עובד עם FILEZILLA, אתה יכול להוריד את ה CSS [!] לעריכה, הוא יפתח לך אותו ב SUBLIME, אל תיגע בו כמובן.
כעת תמצא את הכתובת הפיזית שלו, תקבע את זה בהגדרות SASS כנתיב קומפילציה.
ואז, לאחר כל קומפילציה, כשתעבור ל FILEZILLA, היא תודיע לך שהקובץ המקומי עבר שינוי, ותציע לך לאשר העלאה שלו לשרת.


וכעת אני חושב שאותו דבר יעבוד ביתר קלות, אם תקרא לעריכה על שניהם [CSS SCSS]
הם יהיו באותה תיקיה, ואז FZ יציע לך להעלות את שניהם...

תבדוק מה קורה בNP++ כשאתה פותח עם התוסף של FTP, לא ניסיתי שם את הקומפיילר של SASS.

אם אתה נזקק לזה המון, אתה יכול לפתוח לך תוכנה קטנהטנה [אני יודע את זה בדוט נט, לא ניסיתי בצורה אחרת]
שבה תקבע תיקיה, וכל שינוי בסוג קובץ CSS יגרום לו להעלות אותו ל FTP שתקבע לו מראש.

כן, זה הכיוון - סינכרון אוטמטי של תיקיה בwinscp

 

[mat]

אתה יכול לראות אותי שואל שם את השאלה בתגובות פייסבוק...
זה מסביר איך להתקין סביבית עבודה במחשב טאת זה עשיתי אני שואל לגבי קימפול בשרת...

אני לא רואה את התגובות של פייסבוק בגלל שאני מסונן.

אבל הוא כותב שם איך להתקין על שרת לינוקס.

"

הגדרת SASS על לינוקס

זה הרבה יותר פשוט:

sudo apt-get install ruby-full build-essential

sudo apt-get install rubygems

sudo gem install sass

אם אתם מאחורי פרוקסי, תשתמשו בזה: sudo gem install –http yourproxy.com:8080 sass

אם השורה שלעיל לא עובדת לכם, הוסיפו את השורה:

export PATH=$PATH:/var/lib/gems/1.8/bin

ל- bashrc שלכם (אל תשכחו לאתחל את ה-bash אחרי זה)

על מנת לבצע את המעקב, צריך להשתמש ב-watch. זה הכל.
sass –watch /path/to/scss/*.scss /path/to/css/*.css


"

 

[KingYes]

אחי, הכל מתחיל ב-IDE..
ב-PhpStorm לא היית בכלל פותח את האשכול הזה.. וגם עוד 10 אשכולות בעתיד שתצטרך לעשות.

הכל הכל הכל יש לך שמה מובנה.