Πώς να ξεκινήσετε με το Compass

Compass είναι ένα open-source λογισμικό συγγραφής CSS που χρησιμοποιείται από τους σχεδιαστές ιστοσελίδων για να δημιουργήσει Cascading Style Sheets. Ξεκινώντας μπορεί να είναι δύσκολη αν δεν έχουν συνηθίσει να χρησιμοποιούν ένα περιβάλλον γραμμής εντολών , όπου μπορείτε να πληκτρολογήσετε τον κωδικό στο Command Prompt των Windows αντί για τη χρήση του ποντικιού . Πυξίδα τρέχει κάτω από Ruby και χρησιμοποιεί ένα λογισμικό που ονομάζεται Sass , το οποίο είναι επίσης ένα λογισμικό σχεδιασμού CSS που τρέχει κάτω από Ruby . Όταν εγκαθιστάτε Πυξίδα στον υπολογιστή σας , Sass εγκαθίσταται αυτόματα . Δεν χρειάζεται να ρυθμίσετε Sass , προκειμένου να χρησιμοποιήσετε το Compass . Για να εγκαταστήσετε και να εκτελέσετε Compass θα χρειαστεί διοικητική πρόσβαση στον υπολογιστή σας Windows. Οδηγίες Εγκατάστασης

Η

1 Βεβαιωθείτε ότι έχετε Ruby εγκατεστημένο στον υπολογιστή σας . Μπορείτε να κατεβάσετε Ruby για τα Windows από rubyinstaller.org . Ακολουθήστε τις οδηγίες που εμφανίζονται στην οθόνη για να το εγκαταστήσετε . 2

Κάντε κλικ στο κουμπί των Windows " Start" , κάντε κλικ στο " Run ", πληκτρολογήστε " cmd" στο πεδίο κειμένου . Πατήστε το πλήκτρο " Enter". Ανοίγει η οθόνη Command Prompt .
Εικόνων 3

Πληκτρολογήστε " gem install πυξίδα " στη γραμμή εντολών και πατήστε " Enter". Αυτό εγκαθιστά τόσο Sass και Πυξίδα με τον υπολογιστή σας .
εικόνων Δημιουργία έργου
Η 4

Δημιουργήστε ένα νέο φάκελο για να αποθηκεύσετε το πρώτο έργο σας , πληκτρολογώντας " md /test" στη γραμμή εντολών , αντικαθιστώντας . "τεστ " με το όνομα που θέλετε να χρησιμοποιήσετε για το φάκελο
5

Δημιουργήστε το πρώτο σας έργο , εισάγοντας το Blueprint πυξίδα πληκτρολογώντας «πυξίδα δημιουργία /δοκιμή /MyProject - χρησιμοποιώντας σχέδιο " στην το Command Prompt και πατήστε το πλήκτρο " Enter". Αντικαταστήστε το " MyProject " με οποιοδήποτε όνομα για το έργο σας .
Η 6

Τύπος " cd /test" και πατήστε Enter για να μετακινήσετε το παράθυρο Command Prompt με αυτό φάκελο .
Η 7

Ανοίξτε ένα νέο παράθυρο του προγράμματος περιήγησης στο Web και να πάει στο πυξίδα - style.org . Κάντε κλικ στο σύνδεσμο " Blueprint " για να περιηγηθείτε στις διαθέσιμες ενότητες σχέδιο . Τα σχεδιαγράμματα είναι διαθέσιμα για τα κουμπιά , τα χρώματα , και πολλές άλλες επιλογές .
8

Αντιγράψτε την εντολή εισαγωγής σχέδιο στην γραμμή εντολών . Το σχέδιο έχει προστεθεί στο έργο Compass σας .
Η 9

Διαβάστε τις Tutorials και σελίδες υποστήριξης καλά στην ιστοσελίδα πυξίδα - style.org για να μάθετε πώς μπορείτε να προσαρμόσετε το αρχείο CSS σας, χρησιμοποιώντας την γραμμή εντολών .


εικόνων