普段 Angular プロジェクトを作成する時には ng new を使うと思います。これにより、開発環境にグローバルインストールされている Angular CLI のバージョンに準拠したバージョンのプロジェクトが作成されます。ただし、開発環境にはインストールされていないバージョンの Angular プロジェクトを作成したい局面があります。そのような場合、npx コマンドを組み合わせることで、開発環境のグローバルインストールした Angular CLI のバージョンを変えることなく対応することができます。
コマンドは次のとおりです。
npx @angular/cli@バージョン番号 new プロジェクト名
例えば、Angular v7 で my-app-test というプロジェクトを作る場合、次のようになります。
npx @angular/cli@7 new my-app-test
生成された Angular プロジェクトの package.json を見てみると、確かに Angular v7 のプロジェクトであることがわかります。
{
"name": "my-app-test",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~7.2.0",
"@angular/common": "~7.2.0",
"@angular/compiler": "~7.2.0",
"@angular/core": "~7.2.0",
"@angular/forms": "~7.2.0",
"@angular/platform-browser": "~7.2.0",
"@angular/platform-browser-dynamic": "~7.2.0",
"@angular/router": "~7.2.0",
"core-js": "^2.5.4",
"rxjs": "~6.3.3",
"tslib": "^1.9.0",
"zone.js": "~0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.13.0",
"@angular/cli": "~7.3.10",
"@angular/compiler-cli": "~7.2.0",
"@angular/language-service": "~7.2.0",
"@types/node": "~8.9.4",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "~3.2.2"
}
}