angualr 프로젝트 환경 구축

1 Node.js를 설치 

     https://nodejs.org/en/는    최신 버전을 다운로드 공식 웹 사이트에서 찾을 수 

    성공적인 설치 후   설치가 성공하면 버전 번호를 볼 수 -v cmd를 명령 입력 노드를 엽니 다

2 설치 원사

   원사 풍부한 명령은 등을 설치, 관리, 출판, 등 많은 작업 원사 패키지를 수행 할 수 있도록 제공

     https://yarnpkg.com/zh-Hans/    '공식 웹 사이트에서 안정 버전 다운로드를 찾을

     성공적인 설치 후    설치된 버전 번호가 성공적으로 설치 표시되는 경우 버전 번호를 볼 수 -v cmd를 명령 입력 원사를 엽니 다

       자세한 내용을 보려면 직접 원사 명령을 입력

     설치가 실패하면 다른 환경에 미치는 영향 팁이 있는지 확인합니다

     샘플 코드

  C : 사용자 \ \ 루트> 원사 -v

1.10.1

C : 사용자 \ \ 루트> 실

실 v1.10.1를 설치

정보 없음 잠금 파일을 찾을 수 없습니다.

[4] 포장 해결 ...

[2/4] 패키지를 가져 오는 ...

[3/4] 링크 의존성 ...

[4/4] 신선한 패키지를 구축 ...

성공은 잠금 파일에 저장.

0.11s에 완료.

3 각 설치   

    3.1 개발 환경 설정

   직접 명령 줄에 입력 원사 글로벌 추가 @ 각도 / CLI    

   사용자가 입력 할 수있는 실을 설치하지 않은 경우는 $ NPM 직접 -g @ agular / CLI 명령을 설치

    각도 참고    NPM 설치 - G @angular / CLI 설치로 원사 패키지 관리 도구에서    NPM 설치 원사 글로벌 추가 구문을 설치, 교체해야하므로   

   성공적인 설치 후 디스플레이

   원사 글로벌 v1.10.1의         버전 번호

   [4] 포장 해결 ...

   [2/4] 패키지를 가져 오는 ...

   정보 [email protected] : 플랫폼 "는 Win32는"이 모듈과 호환되지 않습니다.

   정보 "[email protected]는"선택적 종속성이 실패 호환성 검사입니다. 설치에서 제외.

   [3/4] 링크 의존성 ...

   [4/4] 신선한 패키지를 구축 ...

   성공은 바이너리 "각도 / CLI의 @의 6.2.5 @"설치된 :       提示成功

    86.28s에 완료.

 3.2 새로운 프로젝트 만들기

      cmd를 명령을 입력    새로운 새로운 내 겨 - 응용 프로그램을

      각도 CLI는 필요한 NPM 패키지를 설치 프로젝트 파일을 생성하고 프로젝트의 간단한 기본 응용 프로그램을 생성합니다. 이것은 약간의 시간이 걸릴 수 있습니다. 당신이 사용할 수있는  기능 명령 패키지 된 몇 가지 새로운 항목을 추가 할 수 있습니다. 당신이 사용할 수있는  기능 명령 패키지 된 몇 가지 새로운 항목을 추가 할 수 있습니다. ng add ng add

 3.3 개발 서버를 시작합니다

     프로젝트 디렉토리로, 서버를 시작합니다.

     내-응용 프로그램을 content_copycd

     역할을 엽니 다

  ng serve 명령 파일 변경 사항을 모니터링하고이 파일을 수정할 때이 응용 프로그램을 재 구축, 개발 서버를 시작합니다.

    사용 (또는 ) 매개 변수가 자동으로 브라우저를 열고 방문 할 수 있습니다 . --open -o http://localhost:4200/

4 구성 종속성

   1 설치 종속성

     C : \ 사용자가 \ 루트>는 CD 내-응용 프로그램 프로젝트로 다운로드   

     C : \ 사용자 \ 내 - 응용 프로그램 \ 루트> CD를 SRC

     C : \ 사용자 \ 루트 내 \    -app의 \의 SRC> 원사 원사 패키지 cmd를 입력 명령은 종속성을 설치

      실 v1.10.1를 설치

   2 시작 종속성

   C : \ 사용자 \ 내 \ 루트     -app의 \의 SRC> 원사가 시작  원사 시작 종속성을 시작 cmd를 입력 명령을

 

원사 실행 v1.10.1          

$ A 봉사

** 각도 라이브 개발 서버가 로컬 호스트에서 수신 : 4200, HTTP에서 브라우저를 열고 : // localhost를 : 4200 / **

날짜 : 2018-10-15T08 : 43 : 58.137Z

해시 : c2ae3b537a5907462efc

시간 : 7795ms

청크 {주} main.js, main.js.map (주) 10.7 kB의 [초기] [렌더링]

청크 {} polyfills polyfills.js, polyfills.js.map (polyfills) 227 kB의 [초기] [렌더링]

청크 {} 런타임 runtime.js, runtime.js.map (런타임) 6.22 킬로바이트 [등록] [렌더링]

청크 {스타일} styles.js, styles.js.map (스타일) 15.6 kB의 [초기] [렌더링]

청크 {} 벤더 vendor.js, vendor.js.map (벤더) 3.28 MB [초기] [렌더링]

나는 「WDM」: 성공적으로 컴파일.

 

5 자식 설치

   5.1 자식을 설치  

    5.2 구성 사용자 로그인 계정 이름

            gitlab에서 사용자 로그인 계정과 암호 세부 구성     의 필요성에 대한 관심은 새 파일을 만들 수 있습니다

            사용자 설정 정보 gitlab로 직접 복사

            자식 설정 --global user.name "장 쑤"

             이눔 설정 --global user.email "[email protected]"

      구성이 완료되면

             찾기   CRM을 선행   프로젝트는 다른 항목이있을 수 있습니다   에 itlab에 다운로드 파일을 복사 할    gitlab이 파일에 관해서 $를 

               $  Http://git.inspur.com/bss-crm/crm-front.git   Ctrl 키를 추가 한 후 + C

              망할 놈의 클론 $     http://git.inspur.com/bss-crm/crm-front.git        실행 참고   열린 위치의 자식에 위치 클론 클론 클론 명령 파일을     

              $ CD를        사용하여이 파일을 볼 수 cd 명령은 다운로드되지 않습니다     

 

      파일에 $ 카드뮴 CRM - 앞 / CD 다운로드

    $ 힘내 분기 원격 지사를 볼 수 -a   

     *  마스터

     리모컨 / 원산지 / 머리  -> 원산지 / 마스터           현재 마스터 원격 분기점

     리모컨 / 원산지 / dev에             원격 지사 DEV

     리모컨 / 원산지 / 마스터     원격 지사   마스터  

             전류 분기 절환 $ 힘내 결제 -b 데브 원점 / DEV 데브     git checkout핸드 분기하는 명령      

     $ LS 파일을 볼 수있는 구성 파일을 읽고

     $ 원사 구성 환경은 실 스트랫 프로젝트가 실행 수행

6 개 명령 작업 (코드 편집기 동작 VS)

        자식 풀 풀 (다운로드) 원격 데이터 동기화는 자신의 디렉토리를 명령합니다

      당신이하지 최신, 자체 백업을 넣을 필요가있는 경우 충돌이 기간 동안 자신의 작업을 업로드 한 다음 최신 데이터를 가져, 새로운 내용이 표시로 그들의 변화를 넣어

      스크래치 로컬 수정 후 파일을 한 다음 입력 상자에 메시지의 내용을 충돌이없는 경우 다음을 참조 폴더를 수정 작성하고 수정하는 업로드하기 전에 풀을 다음 PS 업로드 체크 표시를 클릭 : 코드 편집기 대를 운영  

      역할을 --host localhost를 --port 4201 NG      포트 번호는 4201입니다 --port NG는 포트를 수정하는 역할을