Adding the SASS preprocessor to WebStorm

SCSS 파일 감시자를 설치하는 방법을 보여 드리겠습니다 우리는 SCSS 버전을 사용할 것이기 때문에 Sass, 컴퓨터에

나는 그것을 실행하고있어, 그래서 난 그냥 계단을 걷고 싶다 먼저 Ruby를 설치해야합니다 그리고 WebStorm Help로 생성 할 때, Ruby를 설치하라는 메시지가 표시됩니다 당신은 그 링크를 따라갈 것입니다 설치하겠습니다

그걸로 네가 네 안을 줄거야 – 네가 모든 앱을 보게된다면, 그것은 당신에게 루비를 줄 것입니다 또는 Ruby 폴더를 살펴 본다면, 이전 버전 인 경우 루비로 시작 명령 프롬프트를 얻으십시오 Ruby를 실행하는 방법입니다 그래서 너는 여기에 들어가서 너는 타이핑하고 – 나를 용서해 – 보석 성가시다 그리고 그것은 SCSS가 아니라 "sass"를 원합니다

현재 버전에서 실제로 오류가 발생합니다 그리고 이것은 그것을 취할 것이고 그것은 달릴 것입니다, 괜찮아 질거야 나는 거기에 4 분의 1 휴식을 할거야 설치가 완료되면 다시 백업 해 드리겠습니다 좋아요, 아직 설치 중입니다

웹 스토어에서 다시 보여 드리겠습니다 설정, 도구로 이동하면됩니다 파일 감시자를 편집하려고합니다 저는 SCSS를 모두 가지고 있습니다 여기에 여러분이갑니다

그게 설치되어 있다는 것을 보여주는 것입니다 그래서 저는 이것을 체크하지 않을 것입니다 사실, 나는 그것들을 뺀다 나는 이것을 다시 할 것입니다 그래서 우리가 사용하는 것 – 그리고 이것이 당신이 필요로하는 유일한 것입니다

SCSS입니다 그래서 즉 추가하려면 더하기 기호를 사용하십시오 그리고 SCSS는 제가 수업에서 사용하기 때문에 찾습니다 그리고 이것이 자동으로 나타나지 않으면, 그냥 찾아 봐 Rubybin / scss

bat입니다 그것이 당신이 필요로하는 것입니다 당신은 OK를 누르십시오, 당신은 OK를 누르십시오 이제는 새로운 SCSS 파일을 생성 할 수 있어야합니다 그래서 내가 여기로 가져 오게

파일, 새 파일, 파일, maryscss OK를 누릅니다 Git에 추가하지 않을 것이다 그것을 사용하려고합니다

그건 내 SCSS 파일을 만듭니다 처음으로 실행할 때 – 나는 그것을 재현 할 수 없도록 이미 실행했다 내가 처음 실행했을 때, 광고 파일 감시자를 얻었습니다 예를 누르면됩니다 그래서 Sass가하는 일은 우리가 변수를 할 수있게 해주고, 주요 색깔 같이

그리고 색깔을 넣으십시오, 123123 나는 그것이 어떤 색인지 전혀 모른다 그건 검은 색이야 100444, 알았어, 어두운 회색이야 도대체 무엇이

나는 16 진수 코드를 마음으로 알지 못한다 녹색 체크 표시가 나타납니다 거기에 오류가 없습니다 변수를 만들었습니다 그런 다음 변수를 사용할 수 있습니다

그래서 나는 몸 색깔을하고, 그 다음엔 그 이름, 주요 색깔을 사용할 수 있습니다 Voila, SCSS 시트를 만들었습니다 내가 그것을 구할 때, 이미이 일을했을지도 모른다 하지만 내가 그걸 저장하면, Control-S, 그럼 나 여기에 maryscss가 있습니다

그리고 그것을 저장할 때, 그것은 전처리기를 번역합니다 파일을 CSS 파일에 저장하십시오 그리고 그것은 모든 변수 이름을 변환합니다 그래서 같은 색을 반복해서 사용한다면 또는 색상을 변경하면 모든 것을 다시 컴파일합니다 이것이 내 주요 장점 중 하나입니다

전처리 기는 변수입니다 정말 잘하는 다른 것들이 있습니다 그러나 변수는 매우 유용합니다 이것이 설치 방법과 설치 이유입니다

Select with Magic in PhpStorm

안녕하세요 ~ 저는 Shengyou입니다 PHPStorm에서 효율적으로 선택하는 방법을 배우십시오

HTML 파일을 편집 할 때 가장 일반적으로 할 일은 "무언가"를 선택하는 것입니다 이 경우 문자열 안에 커서를 놓으면됩니다 그런 다음 Option (⌥) + 위 (↑) 전체 단어를 즉시 선택할 수 있습니다 몇 번 더 눌러 더 선택할 수도 있습니다 사실 Option을 다시 누르면 (⌥) + 위 (↑) 선택은 전체 문장으로 확장됩니다

몇 번 더 누르면 선택 범위는 정맥에 따라 점진적으로 확장됩니다 물론 선택 범위를 확장 할 수있을뿐만 아니라 선택 범위를 줄일 수도 있습니다 위로 (↑) 키를 아래쪽 (↓) 키로 변경하십시오 선택한 범위가 더 작음을 알 수 있습니다 이 기능은 HTML DOM을 이동할 때 특히 유용합니다 전체 과정이 쉬워졌습니다! 그렇게 사용하기가 쉽지 않다고 생각하십니까? 이 기능을 다른 바로 가기와 결합하면 더 좋습니다

더 강해 예를 들어 버튼 목록이 있으며 각 링크 태그에는 많은 CSS 카테고리가 있습니다 모든 CSS 카테고리를 제거하려면 커서를 CSS 범주 문자열에 넣을 수 있습니다 Ctrl + G를 눌러 여러 항목을 선택하십시오 그런 다음 Option (⌥) + Up (↑)을 눌러 선택 항목을 확장하십시오 모든 카테고리를 쉽게 삭제할 수 있습니다

단순한 HTML 이상 그의 언어로도 같은 기술을 사용할 수 있습니다 PHP처럼 PHP 소스 코드를 편집 할 때 이 기능을 사용하여 함수 매개 변수 조건부 콘텐츠 심지어 카테고리의 메소드에 대한 모든 코드 이 기능은 다른 운영 인터페이스에서도 사용할 수 있습니다 예를 들어, 파일의 이름을 바꿀 때 이 바로 가기를 사용하여 대화 상자에서 파일 이름을 선택할 수 있습니다 위 (시청 해 주셔서 감사합니다)

PHPStorm Setup PHP Code Sniffer With Docker Container

"코드 스니퍼"검색 '이 프로젝트에만 공개'를 선택 취소하십시오 입력란에 "phpcs"를 입력하십시오

"검사"를 찾으십시오 새로 고침 버튼을 클릭하여 모든 코딩 표준을로드 한 다음 Symfony를 선택하십시오 보시다시피 모든 경고가 강조 표시됩니다 강조 표시된 행에 마우스를 올려 놓으면 경고 세부 정보가 표시됩니다

02 micro app phpstorm

우리의 사명 : 아무도 가보지 않은 곳에서 대담하게 우리의 응용 프로그램을 체크 아웃하여! 이미 PhpStorm에 새 디렉토리를 열었으므로 tricorder를 실행하고 탐색 해 봅시다! 공개 / 디렉토리 필요한 세 개의 디렉토리 만 있습니다 에 대해 생각하는 것 첫째, public /은 문서 루트이므로 공개적으로 액세스 할 수있는 모든 파일이 보관됩니다 그리고

지금 당장은 하나뿐입니다! indexphp 이것은 "프론트 컨트롤러"입니다

프로그래머가 발명 한 멋진 단어는 이것이 URL로 이동할 때 실행되는 파일입니다 그러나 실제로는 걱정할 필요가 거의 없습니다 사실, 우리가이 디렉토리에 대해 이야기 했으므로 그것에 대해 생각해보십시오! src /와 config / Yea, 나는 거짓말을했다! 당신이 생각할 필요가있는 디렉토리는 config /와 src /입니다 config / holds 음 나중에 config 파일과 src /는 모든 PHP를 넣을 곳입니다

암호 그것은 아주 간단합니다 Symfony는 어디에 있습니까? 보통 프로젝트를 만들 때 Composer는 composerjson 파일을 읽고 다운로드했습니다 Symfony의 일부를 포함한 모든 타사 라이브러리를 공급 업체 / 디렉토리에 저장합니다

서버 설치하기 터미널로 돌아가서 원본을 찾으십시오 탭 이것을 확인하십시오 : 하단에, 우리가 더 나은 웹 서버를 얻을 수 있다고합니다 composer는 서버를 필요로합니다 나는 더 좋은 것을 좋아한다! 그럼 해보자! Ctrl + C를 눌러 기존 서버를 중지 한 후 다음을 실행하십시오

당신이 Composer에 익숙하다면 그 패키지 이름은 재미있어 보일 것입니다! 정말 틀렸어! 일반적으로 모든 패키지 이름은 symfony / console과 같이 "무언가"로 된 "something"입니다 그래서

서버가 작동해서는 안됩니다! 하지만 그렇습니다! 이것은 Flex라는 멋진 시스템의 일부입니다 곧 그것에 대해 더! 이 작업이 끝나면 다음을 실행할 수 있습니다 이것은 기본적으로 이전과 동일하지만 명령은 더 짧습니다

그리고 언제 우리가 새로 고침, 그것은 여전히 ​​작동합니다! 그건 그렇고,이 bin / console 명령어는 새로운 로봇 사이드킥이 될 것입니다 그러나 그것은 마법이 아닙니다 : 우리 프로젝트는 내부에 콘솔 파일이있는 bin / 디렉토리가 있습니다 Windows 사용자는 PHP bin / console 이라고 말해야합니다 PHP 파일이기 때문입니다 그렇다면이 빈 / 콘솔 로봇은 어떤 놀라운 것들을 할 수 있습니까? 열려있는 터미널 탭을 찾아 실행하십시오 예! 이것은 모든 bin / console 명령 목록입니다 이들 중 일부는 금을 디버깅합니다

우리는 그 길을 따라 그들에 대해 이야기 할 것입니다! PhpStorm Setup 이제 거의 코딩을 시작할 준비가되었습니다! 하지만 우리 우주선에 대해서 이야기해야 해 이봐, 네가 원하는대로 쓸 수는있어 근데 나는 PhpStorm을 강력히 추천한다! 진심으로 Symfony에서 꿈을 꾼다 PhpStorm의 좋은 친구들과 친구들이 저에게 돈을 지불하지 않고 있지만 그들이 원한다면! 에헴, 네가 사용한다면

너에게 대단 할거야 우주선을 속이기 위해 알아야 할 2 가지 비밀이 있습니다, 아, 편집자! 분명히 나는 ​​너무 오랫동안 잠자고 있었다 환경 설정, 플러그인으로 이동 한 다음 "저장소 찾아보기"를 클릭하십시오

3 가지 필수 플러그인이 있습니다 "Symfony"로 검색하십시오 첫째, "Symfony Plugin"입니다 그것은 이유가있어서 2 백만 건이 넘는 다운로드 수를 가지고 있습니다 그것은 터무니없는 자동 완료 톤을 제공합니다

"PHP Annotations"와 "PHP Toolbox"도 다운로드해야합니다 이미 설치했습니다 그렇지 않은 경우 설명 상단에 '설치'버튼이 표시됩니다 이들을 설치하고 PHPStorm을 다시 시작하십시오 그런 다음 환경 설정으로 돌아와서 "symfony"를 검색하고 새로운 "Symfony"섹션을 찾습니다

"Enable Plugin"체크 박스를 클릭하십시오 : 각 프로젝트마다 Symfony 플러그인을 활성화해야합니다 다시 시작해야한다고 했어하지만 그건 거짓말이라고 생각해 그것은 공간이야! 무엇이 잘못 될 수 있습니까? 그래서 PhpStorm 트릭 # 1입니다 두 번째는 "작곡가"를 검색하고 "작곡가"섹션을 클릭하십시오

클릭하여 "Path to composerjson"을 찾아 프로젝트에서 하나를 선택하십시오 나는 이것이 왜 자동적이지 않은지 확신하지 못한다 그러나 무엇이든! 덕분에 PhpStorm은 src /에 클래스를 만드는 것을 더 쉽게 만듭니다 이 사실을 곧 알게 될 것입니다

괜찮아! 우리 프로젝트가 시작되었고 이미 작동 중입니다 새로운 앱에 대한 몇 가지 페이지를 만들고 더 멋진 것을 발견해 봅시다

What’s New in PhpStorm 6

어두운 모습을 좋아하는 많은 사람들과 IDE에 대한 느낌 PhpStorm에는 이제 Darcula라는 새로운 어두운 테마가 있습니다 코드 편집기를 포함한 전체 IDE가이 새로운 어두운 모양과 느낌을 갖습니다

Darcula가 활성화되면 우리는 Darcula 테마를 사용할 수 있습니다 IDE의 "모양"설정 아래에서 코드 에디터를 위해 우리는 당신이 좋아할만한 몇 가지 프리셋을 가지고 있습니다 물론 글꼴과 색상을 변경하여 자신의 환경 설정에 맞게 편집기 테마를 조정할 수 있습니다 PhpStorm 6에는 여러 가지 새로운 리팩터링이 제공됩니다 이 초기화 된 메소드를 컨트롤러에서 컨트롤러로 이동할 수 있습니다

기본 멤버 클래스를 사용하여 리팩토링 풀다운을 사용하여 기본 클래스와 상속 된 클래스간에 멤버를 이동할 수 있습니다 PhpStorm 6에서 리팩터링을 푸시 다운 새로운 Change Signature 리팩토링으로 함수의 서명을 변경할 수 있습니다 가시성을 공공에서 개인 또는 보호 대상으로 변경할 수 있습니다 함수의 이름과 재정렬 매개 변수를 변경할 수도 있습니다 PhpStorm은 이러한 변경 사항을 코드뿐만 아니라 기능에 반영합니다

함수를 호출하는 제목이 말하는 것처럼 클래스를 다른 네임 스페이스로 이동하십시오 – 클래스를 다른 네임 스페이스로 이동하고에있는 모든 가져 오기를 변경합니다 파일 참조 코드가 빨리 정리되지 않을 수 있습니다 그러나 PhpStorm은 필드를 우리의 맨 위로 이동시키기 위해 코드를 재정렬 할 수 있습니다 공용 및 보호 기능이 뒤 따르는 클래스 PHP 네임 스페이스로 작업 할 때 코드의 가독성을 향상시킬 수 있습니다 '최적화 된 가져 오기'기능 사용 import 문은 사전 순으로 정렬됩니다

접기를 사용하여 파일에있는 모든 가져 오기를 표시하거나 숨길 수도 있습니다 새 PHP 클래스를 만들 때 PhpStorm은 우리가 현재 작업하고있는 네임 스페이스를 자동으로 탐지합니다 또한 PhpStorm은 참조되지 않은 네임 스페이스의 클래스를 자동으로 가져올 수 있습니다 PhpStorm에는 REST 클라이언트가 내장되어 있습니다 API를 만들 때 IDE에서 테스트 할 수 있습니다 GET 또는 POST와 같이 사용할 HTTP 메소드를 지정할 수 있습니다

헤더 및 쿼리 문자열 매개 변수를 지정할뿐만 아니라 호출 할 URL API를 호출 한 후 응답을 검사 할 수 있습니다 우리는이 경우 응답 본문을 볼 수 있습니다 헤더뿐만 아니라 API PhpStorm 6에서 우리는 Composer 지원을 한 걸음 더 나아가고 있습니다 예를 들어, 새 프로젝트를 만들 때 단순히 새로운 Composer 프로젝트를 만들 수 있습니다 온더 플라이 (on-the-fly) 방식으로 우리의 작곡가 의존성을 다운로드하십시오 빈 프로젝트에서 Init Composer를 사용하여 우리의 작업을 시작할 수 있습니다

composerjson 파일 의존성은 composerjson 파일을 통해 수동으로 추가 할 수 있습니다 또는 Add Dependency 대화 상자를 사용하여 우리 프로젝트에 PhpExcel 프로젝트를 추가하자 명령 줄 도구에는 작성자에 대한 자동 완성 지원이 함께 제공됩니다 우리가 작곡가를 타이핑하기 시작할 때, PhpStorm은 제안 된 명령과 우리가 그들과 함께 할 수있는 것 PhpStorm을 사용하면 IDE에서 바로 명령 행 도구를 호출 할 수 있습니다

설정을 통해 활성화 된 경우 작곡가, 젠드 프레임 워크 및 교향곡과 같은 도구는 자동 완성과 함께 제공됩니다 도구에 대한 자동 완성이 없으면 자체 정의를 추가 할 수 있습니다 예를 들어 Windows Azure 용 교차 플랫폼 도구에 대한 자동 완성 기능을 추가했습니다 이제 로컬 프로젝트의 파일을 원격 호스트로 끌어다 놓을 수 있습니다 단순히 파일을 선택하여 원격 호스트 창으로 드래그하고 PhpStorm 우리를 위해 업로드를 돌볼 것입니다 물론 반대 방향도 지원됩니다 – 우리는 파일을 선택할 수 있습니다

원격 호스트와 우리의 로컬 프로젝트에 다운로드 PhpStorm에는 WebStorm의 모든 작업 기능이 포함되어 있습니다 HTML, 자바 스크립트 및 CSS 우리는 Emmet를 지원하고, 우리는 덜 지원하며, 우리는 SASS를 지원하며 자동 압축도 수행합니다 CSS에 LESS 파일을 즉시 전송 CoffeeScript 디버깅, 실시간 미리보기, Google Linter 통합 및 PhpStorm에서 더 많이 사용할 수 있습니다 jetbrainscom/phpstorm에서 PhpStorm을 지금 다운로드 할 수 있습니다

PhpStorm – Tour durch das Hilfe Menu / Help Menu – Overview

PhpStorm에 관한 새로운 비디오에 오신 것을 환영합니다 이 비디오는 짧을 것입니다

나는 도구 창을 먼저하기 위해 원래의 계획을 바꾸었고 대신에 오늘 메뉴를 골랐다 좋은 점을 발견 할 수있는 좋은 곳이 어디든 있다고 생각합니다 그것을 눈치 채지 못한 일부 사람들에게는 점점 더 내 IDE를 발견하려고 할 때 항상 그것의 일부를했다 나는 시원하고 새로운 것을 발견했다 나는 비디오를한다 이것은 내가 그것을 기억하는 데 도움이되며 다른 사람에게도 도움이됩니다

따라서, HELP MENU는 누가 신경 써야 할지를 항상 무시할 수있는 메뉴입니다 생각하는 데 도움이 될 것입니다 하지만! 항목별로, 위에서 아래로 항목을 수행합니다 나는 그런 것 같아 나는 다른 비디오에서 이것을 최근에 시연했다

메뉴 항목 * 액션 찾기 * 이것은 IDE가 실제로 특정 작업을 지원하는지 확인하는 데 사용할 수 있습니다 예를 들어 원하는 경우 키 입력을 통해 작업을 트리거 할 수 있습니다 내가 찾은 비디오에서 한 번 필요했습니다 하나의 중괄호에서 일치하는 대괄호로 어떻게 이동할 수있는 동작 해보자

이름은 * Caret *와는 무언가였습니다 여기에 뭔가를 입력하면 PhpStorm이 그것을 보입니다 이제 해당 작업을 사용할 수 있는지 확인할 수 있습니다 나는 PhpStorm 모든 행동입니다 목록에서 사용할 수 있습니다 하나를 선택할 때도 호출되는지 확실하지 않습니다

이는 코드 내부의 올바른 범위에서 유일한 원인을 만듭니다 올려주기 * Caret 이동 * 흠 어디 있니? 캐럿 깜박임? 아, 알았어 이 바위

하아! 이 조회를 사용하여 전역 설정 대화 상자에서 일치하는 작업을 찾을 수도 있습니다 현재 설정에서 식별자 흠 그것은 어딘가에 있어야합니다 잘 이 대화 상자를 통해 PhpStorm에서 가능한 모든 작업을 찾을 수 있습니다 심지어 설정 나는 세부 사항으로 많이 가고 싶지 않습니다

왜냐하면 이것은 끝없는 부 항목으로 이어질 것이기 때문입니다 * Help Topics *는 Jetbrains의 일반적인 온라인 도움말이어야합니다 나는 종종 사물을 바라본다 예를 들어 비디오 또는 무언가를 준비 할 때 디버거에 대해 알 필요가 있습니다 왼쪽에서 탐색 할 수 있습니다

또는 오른쪽에 접힌 검색을 사용합니다 예를 들어 * debug *를 검색하면 매우 빠른 결과를 얻을 수 있습니다 나는 JetBrains 친구들의 웹 서버가 조금 느리다는 것을 알았다 그러나 그것은 일을 잘합니다 내가 좋아하는 것은 – 내가 말해 줄께 – 예를 들어, 나는 운영체제 윈도우 7에 기록하고있다

따라서 Windows 용 키보드 단축키입니다 하지만 문제는 도움말은 OS에 액세스하는 데 어떤 OS가 사용되고 있는지 알려줍니다 그리고 여기를 들으면 그에 따라 전환 될 것입니다 여기에 이제 보자 Alt + Shift + F10 내가 그것을 바꿀 때 Strg + Alt + R로 바뀐다

도움은 운영 체제를 인식하는 것입니다 그게 아주 좋은 기능입니다 Keithrokes는 항상 사용되는 OS를위한 것임을 JetBrains의 소녀와 친구들이 멋지게 처리했습니다 오 * 오늘의 팁 * 항상 순간에 사라지게하기 위해 클릭하는 것입니다 PhpStorm으로 시작한 이래로 나는 적어도 2 개월 동안 팝업을 유지했습니다

의도는 나를 도울 수있는 훨씬 더 빠른 멋진 기능을 배우는 것이 었습니다 나는 또한 다음에 새로운 시간을 더 읽으려고했다 아, 예를 들어 여기에 제가 이미 언급 한 것이 있습니다 어쨌든 camelCase를 작성하면 조회에서 찾을 수 있습니다 그 기간 동안 그것은 훌륭한 도우미였습니다

강력 추천 오늘 나는 그것을 원인의 장애가있다 또한 제가 권장 할 수있는 것은 생산성 가이드입니다 그 일은 PhpStorm 트랙입니다 어떤 IDE 제품 / 단축키 사용자가 더 빠르고 더 나은 것을하고 있습니다

저기 40 Utils와 같은 사람과 함께 일하는 사람들이 밖에있다 이것들은 행복하지 않다 그들은 vi, css 편집기, 외부 디버거 등을 사용합니다 하지만 IDE는 작업을 도와 시간을 절약 할 수 있도록 제작되었습니다 하나의 프로그램에 모든 도구가 포함되어 있어야합니다

PhpStorm은 내 생산성 향상을 위해 이미 사용 된 상품을 추적하는 것으로 보입니다 이것은 잔인한 행동 일지 모르지만, 나는 그 대화를 수시로 들여다 본다 * goto Class *는 내가 항상 사용하는 것이어야합니다 여기를 볼 수 있습니다 * goto 선언 * 나는 이미 1187 번을 사용했고, 내가 소유 한 모든 PhpStorm 버전의 카운터가 될 것입니다 하지만 여기 * Goto Inspection *은 결코 사용하지 않은 것입니다 그거야 당신이 여기에 앉아 있니? N / A가 나열되어 있습니까? 그때까지 지금까지 사용되지 않았던 이유가 있어야합니다

그것은 무엇이며 그 이점은 무엇입니까? 예를 들어 * 인라인 변수 *는 사용 사례가 없기 때문에 내가 사용하지 않은 것입니다 그런 식으로 짧은 문자열을 리팩터링 할 필요가 없었습니다 나는 짧은 SQL 쿼리를 작성하지 않기 때문에 사용하지 않았다 그 중 가장 큰 목록은 * 나무에서 속도 검색 등 지금 검사해야하는 IDE의 기능 목록과 이미 사용한 항목을 확인하십시오

나는 그것을 좋아한다 * 의견 제출 *은 자기 설명입니다 PhpStorm에서 이슈 트래커를 엽니 다 오 기다려 나는 그것이 잘못된 피드백 양식이었습니다

그러나 문제 추적기에 대한 메모가있을 것입니다 이슈 트래커는 매우 적극적이며 다가오는 수정에 대한 많은 정보를 볼 수 있습니다 * 탐색기에서 로그보기 *는 무서운 종류입니다 나는 이미 몇 분 전에 그것을했다 보시다시피, 계속 진행되고 있습니다

많은 예외가 있다는 것을 알지만 솔직히 IDE 자체는 지금까지 결코 추락하지 않았습니다 그래서 당신은 나쁜 물건들이 로깅 될 것이고 PhpStorm 녀석들에게 도움이된다고 느끼면이 로그를 보낼 수 있습니다 이것은 굉장합니다! 나는 그것도 몇 분 전에 발견했다 나는 첫 번째 비디오에 대한 코멘트에서 PDF 키보드 단축키가 존재한다고 언급했다 그리고 그것은 당신의 IDE에 맞습니다

그것을 클릭하면 거기에 있습니다 (OS 인식!) 이것은 OS 및 PhpStorm / Web Storm 버전의 기본 키를 보여줍니다 OSX에서 해당 메뉴 항목을 클릭하면 다른 PDF가 있습니다 바로 가기를 배우려면 PDF를 인쇄하십시오 현재 바로 가기가 마음에 들지 않으면 키 입력을 다시 지정할 수 있습니다

확실히 그래서 다른 거는 * JetBrains TV *는 제작자가 제작 한 비디오가있는 페이지로 연결됩니다 며칠 전 PhpStorm 6에 대한 웨비나가있었습니다 그것을 지켜 볼 것을 적극 권장합니다

나중에 비디오에서이 비디오의 내용을 보여줄 것입니다 그들이 비디오에서 언급 한 File Watchers는 최고입니다 PhpStorm에는 이미 12 개의 비디오가 있고 WebStorm에는 14 개의 비디오가 있습니다 WebStorm에서 할 수있는 모든 일은 PhpStorm에서도 할 수 있습니다! PhpStorm은 말하는 WebStorm + PHP입니다 따라서이 동영상도 너무 재미있게 배워보세요

그것은 * Jetbrains TV *까지 요약합니다 등록부는 스스로 설명해야합니다 * 업데이트 확인 *은 수시로 수동으로 수행하는 작업입니다 힌트 : 만약 당신이 가장자리 사람이고 당신도 EAP 버전을 원한다면 당신은이 대화 상자에서 이것을 설정할 수 있습니다 업데이트 정보를 설정할 수 있습니다

마구간, EAP 등 내가 EAP를 선택한 경우, 오늘 01042013에 다운로드 할 수있는 EAP 버전이 있음을 알 수 있습니다 나는 그것을 다운로드하지 않는다

해당 버전이 최종 버전이면 다운로드하고 업데이트 할 것입니다 PhpStorm의 최신 버전이 이미 설치되어 있습니다 그러므로 나는 그것을 건너 뛴다 마지막 항목은 * About *입니다 내가 소유하고있는 것을 알 수있다

그래서 우리는 그것을 가지고 있습니다 비디오가 끝났습니다 이 메뉴의 가장 중요한 부분은 생산성 향상을위한 가이드입니다 더 빠르고 더 나은 코드를 작성하는 옵션이 항상 있다는 것을 지켜봐 줘서 고마워

네가 좋아하면 엄지 🙂

Zero-configuration Debugging in PhpStorm – PhpStorm Video Tutorial

PhpStorm을 사용하면 PHP 코드를 디버깅 할 수 있습니다 콘솔 또는 로컬 또는 원격 웹 서버에서 실행 중인지 여부 다른 비디오에서는 Xdebug 및 Zend Debugger를 구성하는 방법을 살펴 보았습니다

그 중 하나가 설치되면, 구성을 수행하지 않고도 모든 웹 응용 프로그램을 디버깅 할 수 있습니다 PhpStorm의 Zero-configuration 디버깅을 사용합니다 이 기능을 사용하면 웹 응용 프로그램을 실행할 수 있습니다 디버거를 자유롭게 부착하거나 분리 할 수 ​​있습니다 우리는 PhpStorm이 들어오는 Xdebug 또는 Zend Debugger 연결을들을 수 있습니다

도구 모음 단추를 사용하십시오 디버거를 시작하고 중지하려면, PHP 애플리케이션에 특별한 매개 변수를 전달해야합니다 수동으로이 작업을 수행 할 수 있습니다 PhpStorm 북마크릿 생성기를 사용하는 것이 훨씬 편리합니다 Zend Debugger와 Xdebug 모두를 생성 할 수 있습니다

기본적으로 PHPSTORM 인 IDE 키를 지정해야합니다 그런 다음 북마크 렛을 북마크 도구 모음으로 드래그 할 수 있습니다 디버거를 시작하고 중지하기위한 북마크릿을 생성 할 수 있으며, 선택적으로 프로파일 링을 활성화 또는 비활성화 할 수도 있습니다 이제부터 브라우저에서 디버거를 시작하고 중지 할 수 있습니다 이 북마크를 사용합니다

Google 크롬에서 사용할 수있는 Xdebug 확장 프로그램도 있습니다 PhpStorm에서 디버거를 시작하고 중지하는 데 사용할 수도 있습니다 시도 해보자 이 프로젝트에서는 디버그 연결 수신 버튼을 활성화 할 수 있습니다 이제 코드에 중단 점을 추가 할 수 있습니다

또는 'PHP 스크립트에서 첫 줄 나누기'옵션을 사용하십시오 브라우저에서 열어 놓은 모든 파일에 중단 점을 자동으로 추가합니다 다음으로 브라우저를 열고 디버깅을 시작할 수 있습니다 여기 Xdebug 확장 프로그램을 Chrome 용으로 사용하고 있습니다 지금 우리 페이지를 새로 고치면, PhpStorm이 자동으로 디버거를 엽니 다 우리가 설정 한 모든 중단 점을 중단하십시오

PhpStorm은 서버에서 실행 된 스크립트를 로컬 파일에 매핑하도록 요청할 수 있습니다 그런 다음이 코드를 사용하여 코드를 표시 할 수 있습니다 일단 디버거가 연결되면, 우리는 코드에 들어가서 변수를 검사 할 수 있습니다 북마크 렛 또는 Chrome 확장 프로그램을 사용할 수도 있습니다 다시 디버깅을 중지합니다

Deployment and Remote Hosts in PhpStorm – PhpStorm Video Tutorial

모든 프로젝트에서 시간이 있습니다 로컬 컨텐트를 원격 서버로 복사하려고합니다

이것이 테스트 서버, 스테이징 서버 또는 프로덕션 서버이든, 저기서 파일을 옮길 수 있습니다 다행스럽게도 우리는 PhpStorm 내에서이 작업을 수행 할 수 있습니다 'Tools'메뉴에서 'Deployment'하위 메뉴를 선택할 수 있습니다 원격 배포 및 호스트를 구성 할 수 있습니다 '구성'으로 가보겠습니다

아직 아무것도 구성되지 않은 것을 볼 수 있지만, 이것에 대해 뭔가 할 수 있습니다 녹색 플러스 버튼을 클릭하여 다음으로 원격 서버를 추가하고 이름을 지정할 수 있습니다 'JetBrains FTP Server'라고 가정 해 보겠습니다 그런 다음 서버 유형을 지정할 수 있습니다 FTP, FTPS, SFTP, 로컬 또는 마운트 된 폴더, 또는 In place 배치 만 수행 할 수 있습니다

FTP로 가자 다음으로 할 수있는 일은 FTP 연결의 모든 세부 사항을 지정하는 것입니다 FTP 호스트 이름을 입력 할 수 있습니다 인증이 필요한 경우 자격 증명도 제공해야합니다 해보자

자격 증명을 입력 한 후, 고급 옵션 중 일부를 지정할 수도 있습니다 FTP 서버가 수동 모드 만 지원하는 경우 여기에서 사용할 수 있습니다 숨겨진 파일을 표시하고 처리 할 수도 있습니다 원격 저장소에 숨겨진 파일을 커밋하려면, 우리는이 확인란을 활성화하여 그렇게 할 수 있습니다 하지만 기본값으로 가보 죠

서버의 원격 호스트 이름을 지정할 수도 있습니다 원격 서버에 게시 할 파일을 미리 보는 데 사용됩니다 여기서는 올바른 URL을 입력하겠습니다 FTP로 작업 할 때, 기본적으로 루트 경로는 FTP 호스트의 루트임을 알 수 있습니다 이것이 의도 된 방식으로 원격 서버에 연결하는 것이 아니라면, 이 버튼을 클릭하여 FTP 서버의 루트 경로를 구성 할 수 있습니다

FTP 서버에서 모든 폴더 목록이로드되고 있음을 확인할 수 있습니다 우리가 프로젝트의 루트를 지정할 수 있다는 것입니다 사이트 폴더를 클릭하여 사이트 루트로 선택할 수 있습니다 '확인'을 클릭하십시오 사용 가능한 탭이 여러 개 있습니다 (예 : '매핑'탭)

로컬 경로를 서버의 원격 경로에 매핑하는 방법을 지정할 수 있습니다 이것이 우리의 로컬 경로라면, 우리는 이 경로에있는 파일을 원격 서버에 복사해야합니다 시스템의 여러 위치에서 여러 개의 폴더가있는 경우, 추가 매핑을 추가하고 해당 이미지는 로컬 시스템의 다른 폴더에서 가져옵니다 또는 원격 시스템의 다른 폴더에 복사해야합니다 '제외 된 경로'탭을 사용하여 제외해야 할 경로를 지정할 수 있습니다 FTP 서버에서 업로드 또는 다운로드 할 때

FTP 서버에서 모든 이미지를 다운로드하지 않으려면, 동기화를 수행하는 경우 여기에서 지정할 수 있습니다 하지만 기본값으로 다시 이동하여 '확인'을 클릭하십시오 '도구' '배포'메뉴에서 ' 우리는 이제 'JetBrains FTP 서버에 업로드'할 수 있습니다 우리의 현재 프로젝트에서이 작업을 해봅시다 우리는 거기에 갈

업로드가 완료되었습니다 이제 로컬 시스템에서 계속 작업 할 수 있습니다 때때로 테스팅 또는 스테이징 서버에 업로드 할 수 있습니다 동일한 서버에서 여러 사람과 함께 작업하는 경우의 또 다른 기능 원격 호스트와 동기화 할 수 있다는 것입니다 'Tools' 'Deployment'메뉴를 다시 사용할 수 있습니다

거기에서 'JetBrains FTP 서버에 배치와 동기화'옵션을 사용하십시오 이렇게하면 원격 호스트가 모든 로컬 파일과 동기화됩니다 원격 서버에서 로컬로 수행중인 모든 변경 사항을 즉시 원한다면, 이것을 활성화 할 수도 있습니다 '도구' '배포'메뉴에서 '자동 업로드'를 사용하십시오 이렇게하면 FTP 서버에 업로드가 시작됩니다

로컬 시스템의 파일을 사소하게 변경할 때마다 예를 들어,이 파일을 편집 해 봅시다 약간의 변경 (예 : 추가 반환), 파일 저장 자동 업로드가 실행됩니다 파일이 원격 서버에 업로드됩니다 우리가 할 수있는 또 다른 일은 원격 호스트의 모든 파일을 검색하는 것입니다 이렇게하려면 '도구' '배포'메뉴를 다시 사용할 수 있습니다

'원격 호스트 찾아보기'를 클릭하십시오 그러면 원격 폴더 구조가있는 새 창이 열립니다 우리는 여기 또는 이미지 폴더에 CSS를 폴더를 탐색 할 수 있습니다 한 사이트에서 다른 사이트로 파일을 복사하여 붙여 넣거나 드래그 앤 드롭 할 수도 있습니다 원격 호스트의 파일을 삭제하려면, 우리는 즉시이를 할 수 있습니다

이 파일을 다시 업로드하려면 로컬 프로젝트에서 파일을 선택할 수 있습니다 원격 서버로 드래그하십시오 그러면 서버에 업로드가 시작되고 거기에서 파일을 사용할 수있게됩니다

What’s New in PhpStorm 7?

PhpStorm 7은 PHP 55를 완벽하게 지원합니다

화면의 파일에서 볼 수 있듯이, 우리는 새로운 언어 기능 중 일부를 사용하고 있습니다 PhpStorm은 이러한 요소를 인식합니다 언어 수준을 설정하는 데 사용할 수있는 빠른 수정이 제공됩니다 새로운 리팩토링을 사용할 수 있습니다 우리의 저장소에서 우리는 여기에, 추출 인터페이스 리팩토링을 사용하고 모든 저장소에 대한 공통 인터페이스를 생성 할 수 있습니다

우리 코드베이스에서 인터페이스가 생성되어 구현 클래스에도 추가됩니다 또 다른 새로운 리펙토링은 정적 구성원 리팩토링 이동입니다 정적으로 움직여 봅시다 함수를 Utils 클래스에서 더 구체적인 StringUtils 클래스로 변환합니다

그리고 마지막으로,이 클래스를 살펴보십시오 이것은 PhpStorm 6에서의 모습입니다 이것은 PhpStorm 7에서와 유사합니다 보시다시피, 코드 가독성은 많이 개선되었습니다 PhpStorm 7에는 여러 가지 새로운 도구가 통합되어 있습니다

많은 개발 팀이 방글리데이션을 사용하고 있습니다 우리는 방글라데시 기계를 도구 메뉴 Virtual Machine을 설명하는 Vagrantfile이 생성됩니다 이제는 부유물을 사용하여 실행되도록하십시오 시스템이 실행되면 PhpStorm 프로젝트를 Vagrant 상자와 공유 할 수 있으며 프로덕션과 같은 방식으로 코드를 테스트 할 수 있습니다

환경 우리는 또한 PhpStorm의 다른 새로운 도구들 중 하나를 즉시 사용할 수 있습니다 : 내장 된 SSH 콘솔이 있습니다 PhpStorm은 구성된 원격 서버 목록을 제공합니다 (이 경우에는 아직 없음) 현재 실행중인 Vagrant 상자와 자동 연결됩니다 우리는 다른 SSH 서버에도 연결할 수 있습니다

인증은 사용자 이름 / 암호 조합을 사용하여 수행 할 수 있습니다 또는 SSH 키 쌍을 사용하여 PhpStorm을 사용하면 원격 SSH 외부 도구를 정의 할 수 있습니다 도구 메뉴 및 기타 위치에 나타납니다 재시동을 신속하게 만들어 보겠습니다

원격 웹 서버 우리는 방금 작성한 메뉴 항목을 사용할 수 있습니다 우리가 그것을 호출하면 PhpStorm은 우리가 간섭하지 않고도 원격 서버에서 명령을 실행할 것입니다 또 다른 좋은 추가는 로컬 터미널입니다 로컬 터미널은 모든 플랫폼에서 작동합니다 로컬 컴퓨터에서 작업 할 때 사용할 수 있습니다

Symfony, Zend Framework 또는 Drupal과 같은 프레임 워크는 특정 명령 줄 도구와 함께 제공됩니다 예를 들어, Laravel에는 장인이라는 도구가 있습니다 보시다시피, PhpStorm은 이러한 명령에 대한 통합 완료 및 도움말을 제공합니다 Google App Engine을 사용 중이거나 Google App Engine을 사용할 계획이라면 PhpStorm에서 Google App Engine에 대한 지원을 배우십시오 새 프로젝트를 만들고 App Engine 프로젝트 유형을 선택할 수 있습니다 프로젝트가 끝나면 Google App Engine의 로컬 에뮬레이션을 실행하고 애플리케이션을 테스트 할 수 있습니다

장소 상에서 Google 데이터 센터에 배포하고 싶습니까? 문제 없어! 도구 메뉴에서이 작업을 수행 할 수 있습니다 작은 구성 오류로 인해 PHP 디버깅이 작동하지 않는 것보다 더 실망스러운 것은 없습니다 이제 PhpStorm 7은 우리가 작업하고있는 디버거를 자동으로 인식합니다 우리가 확인하면 현재의 PHP 인터프리터는 우리 머신에서 Xdebug가로드 된 것을 볼 수있다

PhpStorm이 Xdebug 또는 Zend Debugger를 인식합니다 우리가 할 수있는 또 다른 일은 디버깅을 위해 환경을 검증하는 것입니다 예를 들어, 유효성을 검사 해 봅시다 우리 지역 기계 화면에서 볼 수 있듯이 현재 구성이 올바르지 않습니다

원격 디버깅을 사용할 수 없습니다 이제 뭔가를 디버그하자! 여기에 중단 점을 배치하면 Step Into가 hello 함수, world 함수, merge_strings 함수를 사용한다 하지만 나는 단지 안녕하세요 기능에 관심이 있어요! 그럼 디버깅을 시작하고 똑똑한 단계를 사용 해보자 으로 보시다시피, 우리는 이제 우리가 들어가서 무시하고자하는 기능을 간단하게 선택할 수 있습니다 다른 것들

유닛 테스팅에서 PhpStorm 7은 PHPUnit 37을 지원합니다 PHPUnit 35와 36은 이미 지원되었습니다

또한 원격 서버에서 단위 테스트를 실행하려는 경우 PHPUnit 37도 지원됩니다 XML 파일을 기반으로 테스트 실행을 설정하거나 모든 테스트 파일 그룹이 아닌 테스트 그룹 만 실행합니다 PhpStorm 7은 뛰어난 PHP 언어 지원을 제공 할뿐만 아니라, 많은 프레임 워크가있다 거기서 우리의 IDE에서도 지원됩니다

Drupal은 어떻습니까? PhpStorm에서 기존 Drupal 모듈을 열자 우리는 Drupal에 대한 지원을 제공 할 것입니다 일단 활성화되면 경로를 지정할 수 있습니다 우리의 전체 Drupal 설치뿐만 아니라 우리가 사용하는 버전 후크를 구현하고 싶습니까? 보시다시피, PhpStorm은 모든 그들

왼쪽 도랑에서 우리는 또한 탐색 할 수 있습니다 후크 설명서 또는 호출 된 곳으로 이동하십시오 도움이 필요해? Drupal의 훅이나 함수 위로 마우스를 가져 가면 빠른 문서를 사용할 수 있습니다 기능을 사용하면 필요한 모든 정보를 얻을 수 있습니다 드루팔 (Drupal)에 대한 지원 옆에는 많은 것을 설치하기 위해 설치할 수있는 많은 플러그인이 있습니다 사용중인 프레임 워크에 대한 PhpStorm

멋진 Symfony2 플러그인을 사용할 수 있습니다 Yii에게는 하나가 있습니다 CakePHP가 지원됩니다 플러그인 목록을보고 필요한 플러그인을 찾으십시오 PhpStorm의 Web Toolkit에는 많은 개선이 있습니다

PhpStorm은 이제 EJS 템플릿 엔진 및 구문 강조, 코드 완성, 서식 지정, 구조보기 등등 콧수염과 핸들 바를 활성화 한 후에 플러그인, 우리는 또한이 두 가지 템플릿 언어에 대한 지원을받습니다 심지어 검사! 월드 와이드 웹 컨소시엄의 웹 구성 요소 초안 작업을 원하십니까? PhpStorm은 가지고있다 너 덮었다 사용자가 지정한 사용자 정의 HTML 요소와 작성한 템플릿을 인식합니다

CSS 측면에서는 Less와 Sass에 대한 지원이 이미 있었으며 이제 Stylus 지원을 추가하고 있습니다 나침반에 대한 지원은 설정을 통해 사용할 수도 있습니다 라이브 편집 플러그인과 자바 스크립트 디버거도 재 작업되었습니다 새로운 요소들 탭은 HTML을 사용하여 만든 DOM 요소와 동적으로 추가 된 요소에 대한 통찰력을 제공합니다 자바 스크립트를 통해

IDE에는 몇 가지 개선 사항이 있습니다 예를 들어, 데이터베이스 툴은 방대한 업데이트를 받았다 이제 데이터베이스 연결 색이 있고 읽기 전용이 있습니다 모드를 사용하고 쿼리의 조인 문에 대해보다 스마트 한 자동 완성 기능을 제공합니다 집중할 필요가 있니? 왜 새로운 전체 화면 모드를 시도해보십시오! Mac OS X에서 잠시 동안 주변에 있었지만, 그러나 이제는 모든 플랫폼에서 지원됩니다

트레이너이거나 직장에서 긴 하루를 보낸 후 가족에게 코드를 제시하는 경우, 새로운 프리젠 테이션 뷰는 화면 데모에서 모든 것을 더 크게 만듭니다 우리는 할 수있다 코딩을 시작하고 사람들은 따라갈 수 있습니다 – 더 큰 글꼴 덕분에 – 편집기, 자동 완성 및 대화 상자에서 PhpStorm 7의 새로운 기능이 마음에 들었 으면 좋겠다 JetBrains 웹 사이트

What’s new in PhpStorm 8?

PhpStorm 8의 새로운 기능을 살펴 보겠습니다 우리 IDE의 최신 버전은 개선 된 PHP 언어 지원과 함께 제공됩니다

우선, 현재 PHP 56의 언어 기능을 지원합니다 PhpStorm이 언어 수준을 감지하도록하자 언어 주입은 완전히 수정되었습니다 문자열 리터럴이있을 때마다 코드의 섬으로 인정 받음 우리는 구문 강조, 코드 완성, 등등

이와 같은 SQL 쿼리의 경우 IDE는 쿼리에서 사용 된 특정 PHP 변수를 인식 할 정도로 똑똑 할 것이며, 그래서 우리 데이터베이스에서 쿼리를 쉽게 호출 할 수 있습니다 자동 로딩 표준이라고도 알려진 PSR-0 및 PSR-4 사용할 수 있습니다 PhpStorm은 사용 된 네임 스페이스를 탐지합니다 모든 네임 스페이스를 디렉터리 구조와 일치하도록 적용합니다 일치하지 않으면 IDE에서 알려줍니다

PhpStorm 7에서 이미 지원되었던 다양한 프레임 워크를 기반으로, PhpStorm 8, Laravel 개발자를위한 블레이드 지원 추가 WordPress도 완벽하게 지원됩니다! IDE를 사용하면 후크, 우리가 탐색 할 수있게 해줍니다 행동 중심 개발을하고 있습니까? 우리는 Behat 지원을 제공하게 된 것을 기쁘게 생각합니다 우리는 우리의 소프트웨어의 행동을 기술 할 수 있고 그 기술을 사용하여 소프트웨어에 대한 테스트를 실행할 수 있습니다 테스트 주자는 PHPUnit을 사용하는 것과 유사합니다 방랑 (Vagrant)의 등장과 그 주변의 워크 플로우로 많은 개발자들은 시스템의 IDE PHP 런타임은 가상 머신에 있습니다

PhpStorm은 이제 우리가 정의 할 수있게 해줍니다 원격 PHP 인터프리터, 그래서 우리 머신에서 코드를 편집하고 프로덕션과 같은 환경에서 실행할 수 있습니다 PHPUnit 및 Behat 테스트 스위트조차도 SSH를 통해 원격으로 실행할 수 있습니다 프론트 엔드 측면에서 PhpStorm 8은 AngularJS에 대한 고급 지원을 제공합니다 지시문, 탐색 및 검사를위한 코드 완성 – 이 모든 것이 속도를 높이고 코드를 개선하는 데 도움이됩니다 Grunt는 개발 워크 플로우에서 많은 작업을 자동화 할 수 있습니다

PhpStorm에는 모든 다른 작업을 탐색 할 수있는 주자가 있습니다 간단한 마우스 클릭으로 실행 spy-js를 사용하면 코드 실행 중에 트리거 된 모든 이벤트를 볼 수 있습니다 스택 트레이스 다이빙 및 실행 시간보기 spy-js는 데스크톱이나 모바일 브라우저에서 열리는 웹 사이트에서 작동하며, 뿐만 아니라 서버 측 NodeJS 이제 여러 개의 캐럿 및 선택 항목으로 작업 할 수 있습니다 한 번에 여러 위치에서 코드를 편집 할 수 있습니다

라이브 템플릿을 입력하고 사용할 수 있습니다 코드 완성 동시에 여러 장소에서 우리 자신을 코딩 기계로 만든다 단일 파일을 편집하기 위해 전체 프로젝트를 열지 않으셨습니까? 하지 마! PhpStorm 8을 사용하면 단일 파일을 열지 않아도됩니다 전체 프로젝트를 열어 색인을 생성합니다 번들로 제공되는 스크래치 플러그인 디스크에 새 파일을 만들지 않고도 임시 편집기 탭을 열 수 있습니다

PhpStorm 8 시도 – 웹 사이트에서 30 일 평가판 사용 가능 보고 주셔서 감사합니다!