「ionic2」정리 연재(그 9·공개 샘플을 움직인다)
공개 샘플 이동
안녕하세요, mucun입니다.
이번에는, 공개되고 있는 「ionic2」샘플 실행 방법을 소개합니다.
공개 샘플을 얻으려면 GitHub이 매우 좋습니다.
폴더 구성마다 획득할 수 있으므로 매우 쉽게 실행할 수 있습니다.
그렇다고해도, 무료로 모듈을 공개해 주시는 분들,
여러분은 정말 엔지니어의 거울입니다.
이 자리를 빌려 감사의 말씀을 드리겠습니다.
감사합니다.
그러면 실행 방법을 설명합니다.
먼저 샘플을 검색합니다.
GitHub ionic2 sample 등으로 검색하면 바로 찾을 수 있습니다.
목적에 따라 검색어를 변경하면 좋을까 생각합니다.
Google에서 검색한 결과, 제 경우에는 이런 결과가 반환되었습니다.

여기서 타이틀에 「GitHub」라고 붙어 있는 것.
주소가, 「https://github.com/・・・」인 것이,
샘플 취득 대상이 됩니다.
이번에는 맨 위의 "GitHub - driftyco/ionic-conference-app: A conference app built..."
열어 주려고합니다.

이것이 GitHub 페이지의 레이아웃입니다.
그 샘플에서도 일률이 레이아웃이됩니다.
그리고 페이지 오른쪽 상단에 "Clone or download"라는 버튼이 있으므로,
그것을 누르십시오.

그러면 위의 메뉴가 나타나므로 "Download ZIP"을 선택합니다.
다운로드가 완료되면 ZIP 파일을 압축 해제하고,
내부 폴더를 원하는 위치로 복사합니다.

명령 프롬프트를 열고 복사한 폴더 안에 ``cd''합니다.
그리고 폴더 안이 현재 상태에서 "npm install"을 실행합니다.
"npm install"은 폴더의 "package.json"내용에 의한 지정에 따라,
실행에 필요한 파일의 다운로드 등을 실시하는 커멘드가 됩니다.

여기서 "npm install"에서 오류가 발생하면,
후속 작업이 잘되지 않을 수 있습니다.
먼저 의심해야 할 원인은 주로 다음 두 가지입니다.
① GitHub의 샘플이 불완전하거나, 자신의 환경에는 적합하지 않다
② NodeJS나, npm의 버전과의 궁합이 나쁘다
이상.
①의 경우는 다른 샘플을 찾는 것이 좋다고 생각합니다.
원인 분석에 시간을 들여 결국 손에 들지 않는 경우 시간이 낭비됩니다.
②의 경우는 공식 페이지 추천의 안정 버전이 아닐 가능성이 있습니다.
안정적인 버전을 설치하는 방법은 내 이전 기사 ( 그 3 )를 참조하십시오.
"npm install"이 끝나면 "ionic serve"명령을 실행합니다.
그러면 샘플이 실행됩니다.


이상이 공개 샘플의 실시 방법이 됩니다.
어때?
멋지고 쉽게 할 수 있다고 생각하지 않습니까?
이번 기사는 여기까지입니다.
읽어 주신 분, 감사합니다. ('◇')ゞ
👈【그의 8・「ionic serve --lab」로, 에뮬레이터같이 움직인다】 👉【그의 10・정적인 페이지 내용을 변경한다】
Reference
이 문제에 관하여(「ionic2」정리 연재(그 9·공개 샘플을 움직인다)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/mucunwuxian/items/a6e02222d311bb85c0bc
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(「ionic2」정리 연재(그 9·공개 샘플을 움직인다)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mucunwuxian/items/a6e02222d311bb85c0bc텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)