현지 개발 환경을 설정하는 방법

Sep 13, 2025
어떻게
Set up a local development environment
(이미지 크레디트 : 미래)

로컬 개발 환경을 사용하면 자신의 컴퓨터를 사용하여 웹 사이트를 사용하여 웹 사이트를 실행할 수 있습니다. 웹 호스팅 회사. 사이트를 업로드하기 전에 라이브 사이트에 영향을 미칠뿐만 아니라 사이트 개발뿐만 아니라 사이트 개발에 영향을 미치지 않고 설치를 사용자 정의 할 수 있습니다. 뭔가를 구축 할 때 위험을 빼앗 으면 개발 프로세스가 훨씬 덜 스트레스가 듭니다.

현장에서 근무하는 또 다른 이점은 인터넷에 연결할 필요가 없습니다. 정원에서 일하거나 여행 중이며, 항상 WiFi 신호를 검색 할 필요가 없습니다.

방향제 사이트로 Ftping을 방문하고 귀하의 사이트가 새로 고침을 기다리고있는 시간은 개발 하루에 정말로 추가됩니다. 지역 환경에서는 코드 및 재미있는 웹 사이트의 재미있는 비트에 집중할 수 있습니다.

이 튜토리얼에서는 Mac에 있고 주차 대행사를 시작하기위한 튜토리얼이 이에 중점을 둡니다. PC 대안의 경우 시도하십시오 주택 ...에

명령이 모두 상당히 간단하기 때문에 터미널에 대한 기본 지식이 좋지만 이어질 수 있어야합니다. 이들은 주로 전제 조건 구성 요소를 설치하고 실행하는 것입니다.

이 튜토리얼을 완료 한 후 기계에 PHP, 홈 브리 및 작곡가를 설정하고 Valet을 설치하고 로컬 사이트를 설정하는 방법을 배웠습니다.

파일을 다운로드하십시오 이 자습서의 경우.

  • 웹 사이트 및 앱 속도를 높이는 5 가지 방법

01. 홈 덤프를 설치하십시오

Set up a local development environment: Install Homebrew

터미널에서 홈 브리를 설치하여 시작하십시오 (이미지 크레디트 : SUSH KELLY)

첫 번째 단계에서는 홈 브레이를 설치하는 것입니다. 터미널에 다음 명령을 입력하십시오. 

/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') {에코 '설치를 검증';} 경우 다른 {에코 '설치 손상'; 링크 해제 ( '작곡가 설치. 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를 경로 내의 디렉토리로 이동하십시오. 일단 완료되면 입력하여 액세스를 확인할 수 있습니다. Composer-V. ...에 

 MV composer.phar / usr / local / bin / composer

05. 경로를 확인하십시오

당신이 입력하면 에코 $ Path. , 당신은 그것이 포함하는 것을 볼 수 있습니다. 그렇지 않으면 다음을 입력하여 추가하십시오. 

 수출 경로 = $ PATH : ~ / .COMPOSER / VENDOR / BIN

06. 세계적으로 주차 대행에 필요합니다

이제 우리는 설치된 조각을 가지고 있으며, 우리는 발렛을 설치하여 얻을 수 있습니다. 먼저. 포트 80을 사용하지 않는 것을 확인해 봅시다. 다음을 입력하고 아무 것도 반환하지 않으면 우리는 가야합니다. 

 Netstat -an | grep "\ .80"| grep 듣기

07. Valet 설치

우리는 작곡가를 사용하여 우리에게 주차 대행물 패키지를 설치 한 다음 우리가 실행할 수 있습니다. Valet Install. ...에 

 Composerglobal은 Laravel / Valet을 필요로합니다
Valet 설치

08. Park / Unpark 디렉토리

개발 사이트의 디렉토리를 만들고 Valet에게 서비스를 제공하도록하십시오. 이 내부의 폴더는 하위 도메인으로 액세스 할 수 있습니다. 

 # 프로젝트 디렉토리로 이동합니다
CD ~ / 프로젝트 / 발렛 /
Valet Park

09. 디렉토리를 잊어 버리십시오

공원에 비슷한 방식으로, 더 이상 발렛을 통해 봉사 할 폴더를 더 이상 원하지 않으면 디렉토리 안쪽에서 잊어 버린 명령을 사용하십시오. 

 공백으로 //
발렛 잊지

10. 링크 / 링크 링크 디렉토리

또한 디렉토리에 링크 할 수도 있습니다. 이렇게하면 사용하는 이름을 선택할 수 있습니다. 

 CD ~ / 프로젝트 / 발렛 / 서브 프로젝트 /
# 하위 프로젝트 디렉토리를 링크하여 하이퍼 링크에서 액세스 할 수 있도록 "http://subproject.dev"\ hhttp : //subproject.dev
발렛 링크 서브 프로젝트

11. 당신의 사이트를 세계와 공유하십시오

로컬 Dev URL을 외부 세계로 공유 할 수 있습니다. 프로젝트 디렉토리에서 유형을 입력하십시오 발렛 몫 그리고 사용할 수있는 URL이 생성됩니다.

12. 데이터베이스 사용

선택한 데이터베이스를 설치해야합니다. WordPress의 경우 MySQL을 사용하고 설치할 수 있습니다. 

 BREW 설치 MySQL

13. 데이터베이스 도구를 선택하십시오

데이터베이스가 설정되면서 데이터를 가져오고 내보낼 수있는 도구가 유용합니다. PHPMYADMIN이 없거나 주차 대의와 유사하지 않기 때문에 가볍기 때문입니다.

14. Sequel Pro를 다운로드하십시오

Set up a local development environment: Download Sequel Pro

Sequel Pro는 간단한 데이터베이스 도구입니다 (이미지 크레디트 : 속편 프로)

우리는 Sequel Pro를 사용하고 있으며 간단한 인터페이스를 제공합니다. 당신은 할 수 있습니다 여기에서 다운로드하십시오 ...에

15. 데이터베이스를 연결하십시오

MySQL에서 기본 설정을 사용하여 다음 세부 정보를 추가하고 연결을 테스트하십시오. 

 호스트 : 127.0.0.1.
사용자 이름 : root.
암호 : (공백으로 남겨 둡니다)

16. WordPress 사이트를 설정하십시오

Set up a local development environment: Set up a WordPress site

Valet 디렉토리에 WordPress 코어를 설치하십시오 (이미지 크레디트 : 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)

이제 브라우저를 열고 탐색하면 (귀하의 폴더). 테스트 WordPress 설치 화면이 표시되어야합니다. 이것을 정상적으로 따라 따르십시오.

19. 더 많이 복용하십시오

Valet은 WordPress 설치를 실행하는 것이 아니라 실제로 원래 Laravel 개발을 위해 만들어졌습니다. PHP에서 맞춤식이거나 프레임 워크를 사용하여 뭔가를 구축 할 때 루트 폴더에 새 디렉터리를 만들어 새 디렉터리를 만들어 쉽게 새 사이트를 만들 수 있습니다.

Generate CSS – the conference for web designers: 26 September, Rich Mix, Shoreditch, London

(이미지 크레디트 : 미래)

9 월 26 일에 우리와 함께하십시오 CSS를 생성합니다 , 크리에이티브 Bloq, Net 및 Web Designer가 제공 한 웹 디자이너의 맞춤 회의. 2019 년 8 월 15 일 이전에 예약 할 때 £ 50을 이른 새 티켓으로 저장하십시오.

이 기사는 원래 Creative Web Design Magazine의 Issage 287에서 출판되었습니다. 웹 디자이너 ...에 여기 문제를 구입하십시오 또는 웹 디자이너를 구독하십시오 ...에

관련 기사:

  • 40 훌륭한 WordPress 자습서
  • 2019 년 최고의 WordPress 호스팅 서비스
  • 웹 사이트 모형을 만드는 4 가지 방법

어떻게 - 가장 인기있는 기사

Gatsby와 블로깅 사이트를 만드는 방법

어떻게 Sep 13, 2025

Frameworks Like Ascribe는 자바 스크립트를 클라이언트로 전송합니다. 이는 화면상의 요소를 만드는 데..

CSS에서 글리치 텍스트 및 이미지 효과를 만드는 방법

어떻게 Sep 13, 2025

이 자습서에서는 글리치 텍스트 효과를 만드는 방법을 보여줍니다. 특수 효과 및 애니메이션은 웹 사이트가 눈에 띄는 것을 돋보이게하고 주요 ..

Photoshop에서 스마트 레이어를 사용하는 방법

어떻게 Sep 13, 2025

반복 디자인과 패턴을 일러스트레이션에 통합 할 때는 스마트 레이어만큼 유용하거나 강력한 도�..

터미네이터 라인이란 무엇입니까?

어떻게 Sep 13, 2025

양식을 전달하기 위해 고려해야 할 점이 많은 측면이 있습니다. 매우 유용한 기본 기본은 터미네�..

애니메이션 스플릿 스크린 랜딩 페이지 만들기

어떻게 Sep 13, 2025

방문 페이지는 당신의 중요한 요소입니다 웹 사이트 레이아웃 ...에 귀하의 비즈니스�..

Photoshop CC에서 멍청한 스타일 초상화 페인트

어떻게 Sep 13, 2025

그것의 일환으로 창의력의 숨겨진 보물 프로젝트 인 Adobe는 Edvard Munch가 무료 Photoshop �..

반응이있는 간단한 음악 플레이어 만들기

어떻게 Sep 13, 2025

반응 사용자 인터페이스를 구축하기위한 인기있는 JavaScript 라이브러리 이며이 튜토리얼..

물질 화가를 사용하여 게임 준비 텍스처 생성

어떻게 Sep 13, 2025

이 작년은 비디오 게임 산업을위한 게임 체인저였으며 미국 예술가가 게임을하기에서 생계를 유�..

카테고리