Angular CLI를 로컬로 설치하는 방법(-g 플래그 없이)

Angular CLI를 로컬로 설치하는 방법(-g 플래그 없이)

Angular와 Angular-CLI 작업을 시작한 지 얼마 되지 않았는데 문서에 따르면 설치해야 한다고 합니다.$ npm install -g @angular/cli와 함께-g(전세계) 깃발

하지만 나머지 node_modules 패키지와 함께 Angular-CLI를 로컬로 설치하고 싶습니다.이렇게 하면 git에서 프로젝트를 다운받으면 간단히 실행할 수 있습니다.$ npm install(내 패키지에 모든 종속성을 설치하기 위해 .json.)

를 실행하여 새 프로젝트를 생성하려고 합니다.$ npm init그 다음에 달려요.$ npm i @angular/cli -D(-D .--save-dev). 하지만 제가 뛰게 됩니다.$ ng new project-name별도의 node_modules 디렉토리를 사용하여 새 하위 디렉토리가 생성되었습니다.

일부 의견에서 알 수 있듯이 시스템에 로컬 버전과 글로벌 버전의 각도 조절 기능을 사용할 수 있습니다.

글로벌 버전이 아닌 로컬 버전에 액세스할 수 있도록 하려면(글로벌 설치와 로컬 버전이 다른 경우) 다음을 사용합니다.npm run-script ng

예를들면npm run-script ng generate component SomeCoolComponent

github에서 이 답변을 확인해보세요. https://github.com/angular/angular-cli/issues/5955#issuecomment-320273493 .

단답형 / TLTR

패키지를 지정하여 프로젝트를 시작합니다.-p @angular/cli, 노드는 프로그램을 찾을 수 있습니다.

npx -p @angular/cli ng new <project-name>

긴 대답

npm 에코시스템은 프로젝트 로컬로서 점점 더 툴을 설치하는 방향으로 나아가고 있습니다. devDependencies, 사용자에게 글로벌 설치를 요구하는 것이 아니라,이것은 좋은 연습으로 여겨집니다.고유한 글로벌 버전을 하나씩 갖는 대신 여러 버전(프로젝트당 하나)을 사용할 수 있기 때문입니다.

프로젝트를 처음부터 시작하려면 패키지를 다음과 같이 가리켜야 합니다.-p깃발()npx찾을 수 없음):

npx -p @angular/cli ng new <project-name>

- npx

npx는 와 함께 설치되는 명령입니다.node그리고.npm), 5.2(2017년 7 ).아마도 이미 설치되어 있을 것입니다.

npx로컬로 설치하지 않고도 해당 npm 명령을 실행할 수 있습니다.npx지정된 패키지의 최신 버전을 찾습니다(이 경우).@angular/cli) 및 명령을 실행합니다.ng빈 폴더에서.

- 특정판

Angular CLI의 특정 버전을 설치할 수도 있습니다.예를 들어 버전 9.1을 설치해야 한다고 가정해 보겠습니다.실행할 수 있습니다.

npx -p @angular/cli@9.1 ng new <project-name>

- 일단 설치하면

Angular CLI에서 프로젝트를 설치한 후 폴더로 이동하여npx ng직접적으로.예를 들어,

npx ng serve

이것은 내부를 검색할 것입니다.node_modules/.bin/폴더에 사용할 폴더ng명령어는 다음을 가리키는 소프트 링크입니다.../@angular/cli/bin/ng, 현지에 설치된ng지휘.

링크스

• npx
• 각도 CLI

TL;DR
npx(아직 설치되지 않은 경우 실행)라는 패키지를 사용하고 각진 프로젝트를 만들어야 할 때는 이 명령을 처음부터 사용합니다.
npx -p @angular/cli ng new hello-world-project

설명:
예를 들어 angular 4 project를 만들고 싶다면 위 명령어를 수정하여 angular-cli version 1.4.10 이 포함되도록 수정합니다.npx -p @angular/cli@1.4.10 ng new hello-world-project프로젝트 설정이 완료되면 일반적인 방법으로 돌아갈 수 있습니다.ng generate기타 명령어를 입력합니다.

Angular-cli 버전은 어떤 Angular 버전이 프로젝트와 연결될 것인지를 나타냅니다. Angular-cli 1.4.10은 Angular 4 프로젝트를 만듭니다.

편집:

다음은 어떤 cli가 어떤 각도 버전을 만드는지에 대한 유용한 버전 정보입니다.

 CLI version     Angular version

 1.0 - 1.4.x       ^4.0.0
 1.5.x             ^5.0.0
 1.6.x - 1.7.x     ^5.2.0
 6.x               ^6.0.0
 7.x               ^7.0.0

또한, 안정된 최신 버전을 사용하여 특정 각도의 프로젝트를 만들고 싶다면 이렇게 npx 명령을 사용하면 됩니다.npx -p @angular/cli@1.7그리고 그것은 각 5에 가장 최신의 안정적인 버전인 cli 버전 1.7.4를 사용할 것입니다.

다른 개발자들이 이 미스터리를 펼치려 하는 SO 답변을 확인해 보십시오.

각도를 로컬로 설치하려면:

npm init -y
npm i @angular/cli
npx ng new app-name

로컬로 설치된 각도 버전을 업데이트하려면 다음을 사용할 수 있습니다. 예를 들어 범프 8.x를 9.x로 업그레이드하면 됩니다.

npx ng update @angular/core@9 @angular/cli@9

그냥 이 명령을 따릅니다.

npm install  @angular/cli

그것은 나에게 효과가 있었다.

각도를 로컬로 설치하려면 - 각도 8을 글로벌하게 설치하고 각도 6을 로컬로 설치해야 합니다 - C 드라이브에 "angular6"이라는 폴더를 만들고 그 안에 "ng6-test-project"라는 이름의 각도 6 프로젝트를 만듭니다.

터미널에 다음 명령을 입력합니다.

    c:\> md angular6
    c:\> cd angular6
    c:\angular6> md ng6-test-project
    c:\angular6> cd ng6-test-project
    c:\angular6\ng6-test-project> npm install @angular/cli@6.1.1
    c:\angular6\ng6-test-project> cd..
    c:\angular6> npx -p @angular/cli@6.1.1 ng new ng6-test-project
    c:\angular6> cd ng6-test-project
    c:\angular6\ng6-test-project> npx ng --version
    c:\angular6\ng6-test-project> npm audit fix
    c:\angular6\ng6-test-project> npx ng serve --port 4201

rxjx 등 오픈 패키지와 같은 패키지와 버전에서 오류가 발생하는 경우.json과 "~6.4.0"을 찾아 "~6.4.0"을 "rxjs": "6.0.0"으로 변경하고 저장합니다.그런 다음 터미널에 다음을 입력하여 rxjs를 업데이트합니다.

    c:\angular6\ng6-test-project> npm install

패키지의 경고를 수정하려면 다음을 실행합니다.

    c:\angular6\ng6-test-project> npm audit fix

각도 버전을 로컬로 확인하려면 다음을 입력합니다.

    c:\angular6\ng6-test-project> npx ng --version

이렇게 하면 새 각도 버전이 로컬에 저장됩니다.

새 포트에서 프로젝트를 실행하려면 다음을 입력합니다.

    c:\angular6\ng6-test-project> npx ng serve --port 4201

명령줄에서 ng를 사용하려면 해당 디렉토리 또는 시스템 PATH 변수에 있어야 합니다.

프로젝트가 있기 전에는 사용 가능한 것이 없습니다.를 사용하여npm i @angular/cli는 node_modules 폴더에만 설치하고 PATH에서는 사용할 수 없게 합니다.

따라서 글로벌하게 설치된 노드 모듈은 PATH에서 사용할 수 있는 옵션이 있기 때문에 적어도 한 번은 글로벌하게 설치해야 합니다.

이 버전이 존재할 때 글로벌 버전에서 사용되므로 이 버전을 프로젝트 폴더에 설치할 수 있습니다.

시스템에 낮은 버전의 Angular 또는 다른 버전의 Angular를 설치하는 방법 업데이트된 버전이 글로벌하게 설치되었는지 확인합니다. npm install g @angular/cli

하위 버전이 있는 프로젝트 디렉토리로 이동하거나 글로벌 설치 버전과 다른 다른 다른 버전의 각도 프로젝트로 이동합니다. 예를 들어 각도 2에서 작업하려면 아래 명령을 실행합니다.

npm install ng serve

Note: don't copy any of your node modules from your previous project if the current project you want to work on ,its version its different from formal project which you work on in the past check "@angular/cli": "version" check "@angular/cli": "version", which is located in package.json if its version 1.2.0 its angular 2, version 1.7.0 its angular 6

angular climing 명령어의 gobal 설치 후

npm i -g @angular/cli@(latest or 1)

ng new app-name

각진 앱을 만들 파일 디렉토리로 이동합니다.명령어사용ng new any-name글로벌 Angular cli가 로컬 cli 버전을 설치하기 위해 주의할 angular app을 만듭니다.

새 프로젝트에 수동으로 설치하려면,

npm init -y

npm install @angular/cli@(latest or 1)

패키지를 제거합니다.다음 명령을 사용하기 전에 json)ng new app-name여기서는 로컬 cli 버전을 사용하여 설치된 로컬 ng 버전을 기반으로 각진 앱 버전 5 또는 6 또는 7을 만듭니다.

기존에 로컬을 설치하려면 명령만 사용합니다.npm install @angular/cli@(latest or 1).

각도 14이기 때문에 가능합니다.

npm init @angular

새 각도 프로젝트를 만드는 방법:

npx -p @angular/cli ng new myApp

Linux에서 현재 폴더의 이름을 프로젝트 이름으로 사용하여 현재 폴더에 새 각도 프로젝트를 만들려면

npx -p @angular/cli ng new $(basename "$PWD") --directory=./

특히 현재 폴더가 이미 깃레포인 경우 현재 디렉터리에 각진 앱을 만듭니다.

npx -p @angular/cli ng new $(basename "$PWD") --directory=./ --skip-git

프로젝트 내에서 Angular cli를 사용하는 방법

npx ng --version

언급URL : https://stackoverflow.com/questions/48128847/how-to-install-angular-cli-locally-without-the-g-flag