วิธีการตั้งค่าสภาพแวดล้อมการพัฒนาท้องถิ่น

Sep 11, 2025

วิธีการ

(เครดิตรูปภาพ: ในอนาคต)

สภาพแวดล้อมการพัฒนาท้องถิ่นช่วยให้คุณใช้เครื่องของคุณเองเพื่อเรียกใช้เว็บไซต์ของคุณแทนที่จะใช้หนึ่งที่จัดทำโดย A เว็บโฮสติ้ง บริษัท. คุณสามารถปรับแต่งการตั้งค่าโดยไม่ต้องกังวลว่าจะส่งผลกระทบต่อเว็บไซต์สดของคุณรวมถึงการพัฒนาเว็บไซต์และทดสอบก่อนที่จะอัพโหลดเว็บไซต์ของคุณ รับความเสี่ยงเมื่อสร้างสิ่งที่ทำให้กระบวนการพัฒนามีความเครียดน้อยลงมาก

ประโยชน์อีกประการหนึ่งของการทำงานในท้องถิ่นคือคุณไม่จำเป็นต้องเชื่อมต่อกับอินเทอร์เน็ต หากคุณมี wifi ช้าชอบทำงานในสวนหรือกำลังเดินทางไม่จำเป็นต้องค้นหาสัญญาณ WiFi ตลอดเวลา

เวลาที่ใช้ Ftping ไปยังเว็บไซต์การแสดงละครและรอให้ไซต์ของคุณรีเฟรชเพิ่มขึ้นในการพัฒนาหนึ่งวัน สภาพแวดล้อมในท้องถิ่นจะช่วยให้คุณมุ่งเน้นไปที่รหัสและบิตที่สนุกของการสร้างเว็บไซต์

บทช่วยสอนนี้สมมติว่าคุณอยู่ใน Mac และบทช่วยสอนสำหรับการเริ่มต้นใช้งานยานพาหนะมุ่งเน้นไปที่สิ่งนี้ สำหรับทางเลือกพีซีลอง ที่อยู่อาศัย .

ความรู้พื้นฐานของเทอร์มินัลนั้นดีแม้ว่าคุณควรจะสามารถติดตามได้ตามคำสั่งนั้นค่อนข้างง่าย ส่วนใหญ่จะได้รับส่วนประกอบข้อกำหนดเบื้องต้นที่ติดตั้งและทำงาน

หลังจากเสร็จสิ้นการกวดวิชานี้แล้วคุณจะได้ตั้งค่า 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', 'composer-setup.php');"
PHP r "ถ้า (hash_file ( 'SHA384', 'นักแต่งเพลง-setup.php) === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') {ก้อง 'การติดตั้งตรวจสอบแล้ว';} else {ก้อง 'Installer เสียหาย'; ยกเลิกการเชื่อมโยง (' นักแต่งเพลงการติดตั้ง PHP ');} echo php_eol; "
PHP composer-setup.php
PHP -R "ยกเลิกการเชื่อมโยง ('composer-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 $ path คุณจะเห็นสิ่งที่มีอยู่ หากไม่สามารถพิมพ์ต่อไปนี้เพื่อเพิ่มได้

 เส้นทางการส่งออก = $ PATH: ~ / .Composer / ผู้ขาย / BIN

06. ต้องการบริการรับจอดรถทั่วโลก

ตอนนี้เรามีชิ้นส่วนที่ติดตั้งแล้วเราสามารถรับกับการติดตั้ง Valet ก่อน. ลองตรวจสอบไม่มีอะไรที่ใช้พอร์ต 80 พิมพ์ต่อไปนี้และหากไม่มีอะไรกลับมาเราเป็นคนดีที่จะไป

 Netstat -an | grep "\ .80" | Grep ฟัง

07. ติดตั้ง Valet

เราใช้นักแต่งเพลงเพื่อติดตั้งแพ็คเกจรับจอดรถสำหรับเราแล้วเราสามารถวิ่งได้ ติดตั้ง Valet .

 ComposerGlobal ต้องการ Laravel / Valet
การติดตั้ง Valet

08. ไดเรกทอรีสวนสาธารณะ / unpark

สร้างไดเรกทอรีสำหรับไซต์พัฒนาของคุณและบอกบริการนำรถไปใช้เพื่อให้บริการ โปรดทราบว่าโฟลเดอร์ภายในนี้สามารถเข้าถึงได้เป็นโดเมนย่อย

 # ย้ายไปที่ไดเรกทอรีโครงการของคุณ
ซีดี ~ / โครงการ / บริการรับจอดรถ /
เกลิตพาร์ค

09. ลืมไดเรกทอรี

ในวิธีที่คล้ายกันในการจอดรถหากคุณไม่ต้องการให้โฟลเดอร์ให้บริการผ่าน Valet เพียงแค่ใช้คำสั่ง Forged จากภายในไดเรกทอรี

 ด้วยช่องว่าง //
รถรับจ้างลืม

10. ลิงค์ / ไดเรกทอรีลิงค์

คุณสามารถเชื่อมโยงไปยังไดเรกทอรี สิ่งนี้ช่วยให้คุณสามารถเลือกชื่อที่คุณใช้

 ซีดี ~ / โครงการ / บริการรับจอดรถ / ย่อย /
# เชื่อมโยงไดเรกทอรีย่อยเพื่อให้สามารถเข้าถึงได้ที่ไฮเปอร์ลิงก์ "http://subproject.dev" \ hhttp: //subproject.dev
ใบลิงค์ของเกรีย้ (115]
  
   11. แบ่งปันเว็บไซต์ของคุณกับโลก
  
  
   คุณสามารถแบ่งปัน URL ในพื้นที่ของคุณไปยังโลกภายนอก ในไดเรกทอรีของโครงการของคุณให้พิมพ์
   
    บริการรับจอดรถ
   
   และมันจะสร้าง URL ที่คุณสามารถใช้ได้
  
  
   12. การใช้ฐานข้อมูล
  
  
   คุณจะต้องติดตั้งฐานข้อมูลที่คุณเลือก - สำหรับ WordPress เราสามารถไปข้างหน้าและติดตั้ง MySQL
  
   Brew ติดตั้ง MySQL 
  
   13. เลือกเครื่องมือฐานข้อมูล
  
  
   ด้วยการตั้งค่าฐานข้อมูลเครื่องมือในการนำเข้าและส่งออกข้อมูลมีประโยชน์เนื่องจากเราไม่มี phpmyadmin หรือคล้ายกับ Valet เนื่องจากมีน้ำหนักเบามาก
  
  
   14. SEQUEL Pro
  
  
   
    
     
      
       
       
       
      
     
    
   
   
    
     Sequel Pro เป็นเครื่องมือฐานข้อมูลที่ตรงไปตรงมา
    
    
     (เครดิตรูปภาพ: Sequel Pro)
    
   
  
  
   เรากำลังใช้ Sequel Pro เนื่องจากมีอินเทอร์เฟซที่เรียบง่าย คุณสามารถ
   
    ดาวน์โหลดที่นี่
   
   .
  
  
   15. เชื่อมต่อฐานข้อมูล
  
  
   การใช้การตั้งค่าเริ่มต้นจาก MySQL ให้เพิ่มรายละเอียดต่อไปนี้และทดสอบการเชื่อมต่อของคุณ
  
   โฮสต์: 127.0.0.1
ชื่อผู้ใช้: รูท
รหัสผ่าน: (เว้นว่างไว้) 
  
   16. ตั้งค่าไซต์ WordPress
  
  
   
    
     
      
       
       
       
      
     
    
   
   
    
     ติดตั้ง Core WordPress ในไดเรกทอรี Valet ของคุณ
    
    
     (เครดิตภาพ: Sush Kelly)
    
   
  
  
   กับทุกอย่างในขณะนี้ตั้งค่าเว็บไซต์ WordPress สร้างโฟลเดอร์ใหม่ภายในไดเรกทอรีเกลิดของคุณและติดตั้ง WordPress Core
  
  
   17. เพิ่มฐานข้อมูล
  
  
   
    
     
      
       
       
       
      
     
    
   
   
    
     สร้างฐานข้อมูลใน Sequel Pro
    
    
     (เครดิตภาพ: Sush Kelly)
    
   
  
  
   ใน Sequel Pro สร้างฐานข้อมูลใหม่ด้วยชื่อเดียวกับโฟลเดอร์ที่คุณสร้างขึ้น อัปเดต
   
    wp-config
   
   ไฟล์ที่เหมาะกับ
  
  
   18. ทดสอบมันทำงานได้ทั้งหมด
  
  
   
    
     
      
       
       
       
      
     
    
   
   
    
     มุ่งหน้าไปยังเบราว์เซอร์และตรวจสอบการทำงาน
    
    
     (เครดิตภาพ: Sush Kelly)
    
   
  
  
   ตอนนี้ถ้าคุณเปิดเบราว์เซอร์ของคุณแล้วไปที่
   
    (โฟลเดอร์ของคุณ) .Test
   
   คุณควรเห็นหน้าจอการติดตั้ง WordPress ทำตามนี้ผ่านปกติ
  
  
   19. นำมันไปอีก
  
  
   Valet ไม่ได้เป็นเพียงสำหรับการใช้งาน WordPress ในการติดตั้งเท่านั้นที่สร้างขึ้นจริงสำหรับการพัฒนา Laravel ไม่ว่าคุณจะสร้างสิ่งที่ต้องการใน PHP หรือใช้กรอบคุณสามารถสร้างเว็บไซต์ใหม่ได้อย่างง่ายดายโดยการสร้างไดเรกทอรีใหม่ในโฟลเดอร์รูทของคุณ
  
  
   
    
     
      
       
       
       
      
     
    
   
   
    
     (เครดิตรูปภาพ: ในอนาคต)
    
   
  
  
   
    เข้าร่วมกับเราเมื่อวันที่ 26 กันยายนสำหรับ
   
   
    
     สร้าง css
    
   
   
    การประชุม Bespoke สำหรับนักออกแบบเว็บไซต์มาถึงคุณโดย Creative Bloq, Net และ Web Designer ประหยัด 50 ปอนด์พร้อมตั๋วนกต้นเมื่อคุณจองก่อนวันที่ 15 สิงหาคม 2562
   
  
  
   
    บทความนี้ได้รับการตีพิมพ์ครั้งแรกในฉบับที่ 287 ของนิตยสารออกแบบเว็บสร้างสรรค์
   
   
    
     นักออกแบบเว็บไซต์
    
   
   
    .
   
   
    
     ซื้อปัญหา 287 ที่นี่
    
   
   
    หรือ
   
   
    
     สมัครสมาชิกกับนักออกแบบเว็บไซต์ที่นี่
    
   
   
    .
   
  
  
   
    บทความที่เกี่ยวข้อง:
   
  
  
   
    
     40 บทช่วยสอน WordPress ที่ยอดเยี่ยม
    
   
   
    
     บริการโฮสติ้ง WordPress ที่ดีที่สุดในปี 2019
    
   
   
    
     4 วิธีที่แตกต่างกันในการสร้างเว็บไซต์จำลอง

วิธีการตั้งค่าสภาพแวดล้อมการพัฒนาท้องถิ่น

01. ติดตั้ง homebrew

02. ติดตั้ง PHP

03. ติดตั้งนักแต่งเพลง

04. ย้ายไปที่เส้นทางของคุณ

05. ตรวจสอบเส้นทางของคุณ

06. ต้องการบริการรับจอดรถทั่วโลก

07. ติดตั้ง Valet

08. ไดเรกทอรีสวนสาธารณะ / unpark

09. ลืมไดเรกทอรี

10. ลิงค์ / ไดเรกทอรีลิงค์

11. แบ่งปันเว็บไซต์ของคุณกับโลก

12. การใช้ฐานข้อมูล

13. เลือกเครื่องมือฐานข้อมูล

14. SEQUEL Pro

15. เชื่อมต่อฐานข้อมูล

16. ตั้งค่าไซต์ WordPress

17. เพิ่มฐานข้อมูล

18. ทดสอบมันทำงานได้ทั้งหมด

19. นำมันไปอีก

วิธีการ - บทความยอดนิยม

21 ขั้นตอนสู่ JavaScript Super Speedy

เริ่มต้นกับ WebVR

การแนะนำคุณสมบัติที่กำหนดเอง CSS

ทาสีกระต่ายซุกซนในสีน้ำ

วิธีการวาดจมูก

4 เคล็ดลับในการพัฒนาทักษะนักพัฒนาของคุณ

เพิ่มเอฟเฟกต์ความผิดพลาดไปยังเว็บไซต์ของคุณ

สีเหมือนอิมเพรสชั่นนิสต์

หมวดหมู่