Πώς να δημιουργήσετε ένα τοπικό περιβάλλον ανάπτυξης

Jan 19, 2026

πως να

(Πιστωτική πίστωση: μέλλον)

Ένα περιβάλλον τοπικής ανάπτυξης σας επιτρέπει να χρησιμοποιήσετε τη δική σας μηχανή για να εκτελέσετε τον ιστότοπό σας, αντί να χρησιμοποιήσετε ένα που παρέχεται από ένα web hosting Εταιρία. Μπορείτε να προσαρμόσετε τη ρύθμιση χωρίς να ανησυχείτε ότι θα επηρεάσει το live site σας, καθώς και η ανάπτυξη του ιστότοπου σας πριν ανεβάσετε τον ιστότοπό σας. Αφαιρέστε τον κίνδυνο κατά την οικοδόμηση κάτι κάνει την αναπτυξιακή διαδικασία πολύ λιγότερο αγχωτική.

Ένα άλλο πλεονέκτημα της εργασίας τοπικά είναι ότι δεν χρειάζεται να συνδεθείτε στο Διαδίκτυο. Εάν έχετε αργά wifi, όπως να εργαστείτε στον κήπο ή ταξιδεύετε, δεν χρειάζεται να αναζητήσετε ένα σήμα WiFi όλη την ώρα.

Ο χρόνος που ξοδεύετε σε μια θέση σταδιοποίησης και περιμένοντας τον ιστότοπό σας να ανανεώσει πραγματικά προσθέτει πάνω από μια ημέρα ανάπτυξης. Ένα τοπικό περιβάλλον θα σας επιτρέψει να εστιάσετε στον κώδικα και τα διασκεδαστικά κομμάτια των ιστοσελίδων κτιρίων.

Αυτό το σεμινάριο αναλαμβάνει ότι είστε σε ένα Mac και το σεμινάριο για να ξεκινήσετε με το Valet επικεντρώνεται σε αυτό. Για μια εναλλακτική λύση PC, δοκιμάστε Οικία .

Μια βασική γνώση του τερματικού είναι καλή, αν και θα πρέπει να είστε σε θέση να ακολουθήσετε μαζί, καθώς οι εντολές είναι αρκετά απλές. Είναι κυρίως για να εγκατασταθούν και να λειτουργούν τα προαπαιτούμενα συστατικά.

Αφού ολοκληρώσετε αυτό το σεμινάριο, θα έχετε ρυθμίσει το PHP, το Homebrew και τον συνθέτη στο μηχάνημά σας, εγκατεστημένο Valet και μάθετε πώς να δημιουργήσετε τοπικές τοποθεσίες.

Κατεβάστε τα αρχεία για αυτό το σεμινάριο.

5 τρόποι να επιταχύνετε τις ιστοσελίδες και τις εφαρμογές σας

01. Εγκαταστήστε το homebrew

Set up a local development environment: Install Homebrew — Ξεκινήστε εγκαθιστώντας την homebrew από το τερματικό (Εικόνα πίστωσης: Sush Kelly)

Το πρώτο βήμα εδώ είναι να εγκαταστήσετε το homebrew. Πληκτρολογήστε την ακόλουθη εντολή στο τερματικό σας.

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

02. Εγκαταστήστε το PHP

Set up a local development environment: Install PHP — Βεβαιωθείτε ότι η PHP σας είναι έκδοση 7 (Εικόνα πίστωσης: Sush Kelly)

Στη συνέχεια πρέπει να εγκαταστήσετε / αναβάθμιση σε PHP7, οπότε ελέγξτε χρησιμοποιώντας το PHP -V. Εάν πρέπει να εγκαταστήσετε, μπορείτε να πληκτρολογήσετε:

brew install homebrew/php/php70

Εάν κάνετε επανεκκίνηση του παραθύρου τερματικού σας τώρα και πληκτρολογήστε PHP -v Και πάλι, θα πρέπει να εμφανίζεται V7 εγκατεστημένο.

03. Εγκαταστήστε τον συνθέτη

Θα χρειαστεί να κατεβάσετε συνθέτη και στη συνέχεια να το τοποθετήσετε σε έναν κατάλογο που είναι μέρος της διαδρομής σας.

 PHP -R "Αντιγραφή ('https://getcomposer.org/installer', 'συνθέτης-setup.php');"
php -r «αν (hash_file ( 'SHA384', 'συνθέτη-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') {echo 'Installer επαληθεύονται'?} else {echo 'Installer διεφθαρμένη'? αποσύνδεσης (συνθέτης-setup. php ');} echo php_eol; "
php συνθέτης-setup.php
php -r "αποσύνδεση ('συνθέτης-setup.php');"

04. Μετακίνηση στο μονοπάτι σας

Set up a local development environment: Move to your PATH — Βάλτε τον συνθέτη στο μονοπάτι σας (Εικόνα πίστωσης: Sush Kelly)

Τώρα μετακινήστε τον συνθέτη σε έναν κατάλογο μέσα στο δρόμο σας. Μόλις γίνει, μπορείτε να ελέγξετε την πρόσβασή σας σε αυτό πληκτρολογώντας composer-v .

 MV Composer.phar / USR / Local / Bin / Composer

05. Ελέγξτε τη διαδρομή σας

Αν πληκτρολογήσετε echo $ μονοπάτι , θα δείτε τι περιέχει. Εάν δεν το κάνει, πληκτρολογήστε τα παρακάτω για να την προσθέσετε.

 Εξαγωγή διαδρομή = $ Διαδρομή: ~ / .Composer / προμηθευτής / Κάδος

06. Απαγορεύεται ο Valet παγκοσμίως

Τώρα έχουμε εγκατεστημένα τα κομμάτια, μπορούμε να συνεχίσουμε με την εγκατάσταση του valet. Πρώτα. Ας ελέγξουμε ότι τίποτα δεν χρησιμοποιεί τη θύρα 80. Πληκτρολογήστε τα παρακάτω και αν δεν επιστρέψει τίποτα, είμαστε καλό να πάμε.

 Netstat -an | Grep "\ .80" | Grep Ακούστε

07. Εγκαταστήστε το Valet

Χρησιμοποιούμε τον συνθέτη για να εγκαταστήσετε το πακέτο Valet για εμάς και στη συνέχεια μπορούμε να τρέξουμε Εγκατάσταση του Valet .

 Το ComposerGlobal απαιτεί Laravel / Valet
Valet Install

08. Κατάλογοι Park / Ridark

Δημιουργήστε έναν κατάλογο για τους αναπτυξιακούς σας ιστότοπους και πείτε το Valet να τους εξυπηρετήσει. Σημειώστε ότι οι φάκελοι μέσα σε αυτό μπορούν να προσπελάσουν ως υποτομείς.

 # Μετακίνηση στο κατάλογο έργων σας
CD ~ / Έργα / Valet /
Valet Park

09. Ξεχάστε τους καταλόγους

Με παρόμοιο τρόπο για να παρκάρετε, αν δεν θέλετε πλέον ένα φάκελο να εξυπηρετήσει μέσω του Valet, χρησιμοποιήστε την εντολή Force Force από μέσα στον κατάλογο.

 με κενά //
Ο Valet ξεχνάμε

10. Σύνδεσμοι / Αποσύνδεση καταλόγων

Μπορείτε επίσης να συνδεθείτε με τους καταλόγους. Αυτό σας επιτρέπει να επιλέξετε το όνομα που χρησιμοποιείτε.

 CD ~ / Έργα / Valet / Subproject /
# Συνδέστε τον κατάλογο Subproject για να το κάνετε προσβάσιμο στην υπερσύνδεση "http://subproject.dev" \ hhttp: //subproject.dev
Υποέργο σύνδεσης Valet

11. Μοιραστείτε τον ιστότοπό σας με τον κόσμο

Μπορείτε να μοιραστείτε την τοπική διεύθυνση URL στον έξω κόσμο. Στον κατάλογο του έργου σας, πληκτρολογήστε ματ Και θα δημιουργήσει μια διεύθυνση URL που μπορείτε να χρησιμοποιήσετε.

12. Χρησιμοποιώντας μια βάση δεδομένων

Θα χρειαστεί να εγκαταστήσετε τη βάση δεδομένων σας για την επιλογή - για το WordPress, μπορούμε να προχωρήσουμε και να εγκαταστήσουμε το MySQL.

 Εγκατάσταση της Brew MySQL

13. Επιλέξτε ένα εργαλείο βάσης δεδομένων

Με μια ρύθμιση βάσης δεδομένων, ένα εργαλείο για την εισαγωγή και την εξαγωγή δεδομένων είναι χρήσιμη, αφού δεν έχουμε phpmyadmin ή παρόμοιο με το Valet καθώς είναι τόσο ελαφρύ.

14. Λήψη Sequel Pro

Set up a local development environment: Download Sequel Pro — Το Sequel Pro είναι ένα απλό εργαλείο βάσης δεδομένων (Credit Image Credit: Sequel Pro)

Χρησιμοποιούμε Sequel Pro, καθώς προσφέρει μια απλή διεπαφή. Μπορείς Κατεβάστε το εδώ .

15. Συνδέστε τη βάση δεδομένων

Χρησιμοποιώντας τις προεπιλεγμένες ρυθμίσεις από το MySQL, προσθέστε τις παρακάτω λεπτομέρειες και δοκιμάστε τη σύνδεσή σας.

 Υποδοχή: 127.0.0.1
Όνομα χρήστη: ρίζα
Κωδικός πρόσβασης: (Αφήστε κενό)

16. Ρυθμίστε μια τοποθεσία WordPress

Set up a local development environment: Set up a WordPress site — Τοποθετήστε τον πυρήνα του Wordpress στον κατάλογο VALET (Εικόνα πίστωσης: Sush Kelly)

Με τα πάντα στη θέση τους, δημιουργήστε μια τοποθεσία WordPress. Δημιουργήστε ένα νέο φάκελο μέσα στον κατάλογο VALET και εγκαταστήστε τον πυρήνα του WordPress.

17. Προσθέστε μια βάση δεδομένων

Set up a local development environment: Add a database — Δημιουργήστε μια βάση δεδομένων στο Sequel Pro (Εικόνα πίστωσης: Sush Kelly)

Στο Sequel Pro, δημιουργήστε μια νέα βάση δεδομένων με το ίδιο όνομα με το φάκελο που δημιουργήσατε. Ενημερώστε το wp-config Αρχείο που ταιριάζει.

18. Δοκιμάστε όλα λειτουργούν

Set up a local development environment: Test it's all working — Προχωρήστε στο πρόγραμμα περιήγησης και ελέγξτε ότι λειτουργεί (Εικόνα πίστωσης: Sush Kelly)

Τώρα αν ανοίξετε το πρόγραμμα περιήγησης και πλοηγηθείτε στο (ο φάκελος σας) .test Θα πρέπει να δείτε την οθόνη εγκατάστασης του WordPress. Ακολουθήστε αυτό μέσω του κανονικού.

19. Λήψη περαιτέρω

Το Valet δεν είναι μόνο για την εκτέλεση WordPress εγκαθιστάτε, δημιουργήθηκε στην πραγματικότητα αρχικά δημιουργήθηκε για την ανάπτυξη των προαναφερθέντων. Είτε οικοδομείτε κάτι επί πληρωμή σε PHP ή χρησιμοποιώντας ένα πλαίσιο, μπορείτε εύκολα να δημιουργήσετε έναν νέο ιστότοπο δημιουργώντας έναν νέο κατάλογο για αυτό στον φάκελο ρίζας.

Generate CSS – the conference for web designers: 26 September, Rich Mix, Shoreditch, London — (Πιστωτική πίστωση: μέλλον)

Ελάτε μαζί μας στις 26 Σεπτεμβρίου για Δημιουργία CSS , μια διάσκεψη για τους σχεδιαστές ιστοσελίδων που έφεραν σε δημιουργικό Bloq, Net και Web Designer. Εξοικονομήστε £ 50 με ένα πρώιμο εισιτήριο που πτηνών όταν κάνετε κράτηση πριν από τις 15 Αυγούστου 2019.

Αυτό το άρθρο δημοσιεύθηκε αρχικά σε εξέταση 287 δημιουργικού περιοδικού Web Design Magazine Σχεδιαστής ιστοσελίδων . Αγοράστε τεύχος 287 εδώ ή Εγγραφείτε στο Web Designer εδώ .

Σχετικά Άρθρα:

40 λαμπερά μαθήματα wordpress
Τις καλύτερες υπηρεσίες φιλοξενίας WordPress το 2019
4 διαφορετικοί τρόποι για να δημιουργήσετε ένα mockup ιστότοπου

Πώς να δημιουργήσετε ένα τοπικό περιβάλλον ανάπτυξης

01. Εγκαταστήστε το homebrew

02. Εγκαταστήστε το PHP

03. Εγκαταστήστε τον συνθέτη

04. Μετακίνηση στο μονοπάτι σας

05. Ελέγξτε τη διαδρομή σας

06. Απαγορεύεται ο Valet παγκοσμίως

07. Εγκαταστήστε το Valet

08. Κατάλογοι Park / Ridark

09. Ξεχάστε τους καταλόγους

10. Σύνδεσμοι / Αποσύνδεση καταλόγων

11. Μοιραστείτε τον ιστότοπό σας με τον κόσμο

12. Χρησιμοποιώντας μια βάση δεδομένων

13. Επιλέξτε ένα εργαλείο βάσης δεδομένων

14. Λήψη Sequel Pro

15. Συνδέστε τη βάση δεδομένων

16. Ρυθμίστε μια τοποθεσία WordPress

17. Προσθέστε μια βάση δεδομένων

18. Δοκιμάστε όλα λειτουργούν

19. Λήψη περαιτέρω

πως να - Τα πιο δημοφιλή άρθρα

Πώς να κατατάσσεται στο Google

Πώς να γλυπτική μια ανθρώπινη μύτη σε ZBrush: 4 εύκολα βήματα

Τι είναι μια γραμμή τερματισμού;

Πώς να δημιουργήσετε ένα κινούμενο αποτέλεσμα δακτυλογράφησης

Δημιουργήστε μια εικόνα πολλαπλών έκθεσης με το Adobe CC

Ισχύς ένα blog χρησιμοποιώντας το API WordPress

Πώς να μετακινηθείτε μεταξύ στούντιο DAZ και ZBRUSH

Κατασκευάστε κλιμακούμενα ανταπόκριση

Κατηγορίες