npxでng new
npmではなくnpxコマンドでngコマンドを実行し、angularプロジェクトを作成する。
公式ではグローバルインストールしている
angular.ioのドキュメントではnpm install -g @angular/cliと記載されてるが、Angular CLIで作られたプロジェクトにはangular/cliがインストールされてる。
@angular/cliのngコマンドがグローバルとローカルの２つ入ってしまう。バージョンの差異が生じる可能性もある。グローバルインストールをすすめる意味がわからない。
sample-projectの作成
npm 5.2.0以上でnpxコマンドが利用可能。sample-projectを作成するには下記のようになる。
npx -p @angular/cli ng new sample-project
1
ngコマンドはnpm runで
ng newで作成されたプロジェクトのpackage.jsonの中のscriptにはngコマンドが登録されている。コンポーネント作成などでngコマンドを使いたい場合はnpm run ngから実行すればよい。
## hogeコンポーネントの作成例
npm run ng g component hoge
1
2
2
npx -pコマンドではパッケージ(この場合@angular/cli)を落とし、コマンドを実行することができる。一時的に落としその後削除されるため１度しか使用しないコマンドに非常に最適。プロジェクト作成のためだけにグローバルインストールし、その後は使用しないのではストレージ容量の無駄遣い。