如何在MAC上安装node，npm，angular cli？

现在运气好几天，我一直试图安装angular度cli。 我已经尝试手动安装节点，并与酿造。 我卸载了节点并重新安装。 我也试着用这里find的步骤修复npm权限： https ： //docs.npmjs.com/getting-started/fixing-npm-permissions

我已经检查过，所有适当的目录都有正确的权限。 即使卸载并重新安装npmconfiguration前缀是“/Users/myusername/.npm-packages”而不是“/ usr / local”，我也觉得很奇怪。

任何帮助如何得到这个正确安装，将不胜感激！

我正在运行macOS Sierra 10.12.6。 节点-v = v8.9.0 npm -v = 5.5.1

当试图运行'ng版本'我得到'-bash：ng：命令未find'。

npmconfiguration获得前缀 =

/Users/myusername/.npm-packages 

npmconfiguration获取

 ; cli configs metrics-registry = "https://registry.npmjs.org/" scope = "" user-agent = "npm/5.5.1 node/v8.9.0 darwin x64" ; userconfig /Users/myusername/.npmrc prefix = "/Users/myusername/.npm-packages" ; builtin config undefined ; node bin location = /usr/local/bin/node ; cwd = /Users/myusername/.npm-packages/etc ; HOME = /Users/myusername ; "npm config ls -l" to show all defaults. 

npm info @ angular / cli

 { name: '@angular/cli', description: 'CLI tool for Angular', 'dist-tags': { latest: '1.5.0', next: '1.5.0-rc.8' }, versions: [ '1.0.0-beta.28.3', '1.0.0-beta.29', '1.0.0-beta.30', '1.0.0-beta.31', '1.0.0-beta.32', '1.0.0-beta.32.2', '1.0.0-beta.32.3', '1.0.0-beta.33', '1.0.0-beta.33.1', '1.0.0-rc.0', '1.0.0-rc.1', '1.0.0-rc.2', '1.0.0-rc.3', '1.0.0-rc.4', '1.0.0', '1.0.1', '1.0.2', '1.0.3', '1.0.4', '1.0.5', '1.0.6', '1.1.0-beta.0', '1.1.0-beta.1', '1.1.0-rc.0', '1.1.0-rc.1', '1.1.0-rc.2', '1.1.0', '1.1.1', '1.1.2', '1.1.3', '1.2.0-beta.0', '1.2.0-beta.1', '1.2.0-rc.0', '1.2.0-rc.1', '1.2.0', '1.2.1', '1.2.2', '1.2.3', '1.2.4', '1.2.5', '1.2.6', '1.2.7', '1.2.8', '1.3.0-beta.0', '1.3.0-beta.1', '1.3.0-rc.0', '1.3.0-rc.1', '1.3.0-rc.2', '1.3.0-rc.3', '1.3.0-rc.4', '1.3.0-rc.5', '1.3.0', '1.3.1', '1.3.2', '1.4.0-beta.0', '1.4.0-beta.1', '1.4.0-beta.2', '1.4.0-rc.0', '1.4.0-rc.1', '1.4.0-rc.2', '1.4.0', '1.4.1', '1.4.2', '1.4.3', '1.4.4', '1.4.5', '1.4.6', '1.4.7', '1.4.8', '1.4.9', '1.5.0-beta.0', '1.5.0-beta.1', '1.5.0-beta.2', '1.5.0-beta.3', '1.5.0-beta.4', '1.5.0-rc.0', '1.5.0-rc.1', '1.5.0-rc.2', '1.5.0-rc.3', '1.5.0-rc.4', '1.5.0-rc.5', '1.5.0-rc.6', '1.5.0-rc.7', '1.5.0-rc.8', '1.5.0' ], maintainers: [ 'angular-cli <[e-mail]>', 'angular <[e-mail]>' ], time: { modified: '2017-11-01T19:14:57.082Z', created: '2017-02-01T22:39:48.654Z', '1.0.0-beta.28.3': '2017-02-01T22:39:48.654Z', '1.0.0-beta.29': '2017-02-02T02:31:47.645Z', '1.0.0-beta.30': '2017-02-03T01:33:52.259Z', '1.0.0-beta.31': '2017-02-09T23:56:06.277Z', '1.0.0-beta.32': '2017-02-17T01:51:53.654Z', '1.0.0-beta.32.2': '2017-02-17T02:00:52.484Z', '1.0.0-beta.32.3': '2017-02-17T02:08:23.149Z', '1.0.0-beta.33': '2017-02-25T05:21:36.887Z', '1.0.0-beta.33.1': '2017-02-25T05:59:19.475Z', '1.0.0-rc.0': '2017-02-25T07:30:35.378Z', '1.0.0-rc.1': '2017-03-03T03:12:06.772Z', '1.0.0-rc.2': '2017-03-13T23:35:46.979Z', '1.0.0-rc.3': '2017-03-21T00:49:12.653Z', '1.0.0-rc.4': '2017-03-21T01:33:52.067Z', '1.0.0': '2017-03-24T03:08:08.615Z', '1.0.1': '2017-04-25T02:55:49.584Z', '1.0.2': '2017-05-03T22:57:19.031Z', '1.1.0-beta.0': '2017-05-03T23:50:36.374Z', '1.0.3': '2017-05-09T21:00:17.413Z', '1.1.0-beta.1': '2017-05-09T21:42:35.163Z', '1.1.0-rc.0': '2017-05-15T22:19:37.926Z', '1.0.4': '2017-05-18T17:54:04.979Z', '1.0.5': '2017-05-24T22:17:19.130Z', '1.1.0-rc.1': '2017-05-24T22:36:47.469Z', '1.0.6': '2017-05-25T17:57:32.914Z', '1.1.0-rc.2': '2017-05-25T18:22:24.404Z', '1.1.0': '2017-05-31T20:22:53.831Z', '1.2.0-beta.0': '2017-05-31T21:13:50.572Z', '1.1.1': '2017-06-07T21:01:59.836Z', '1.2.0-beta.1': '2017-06-07T21:44:09.173Z', '1.1.2': '2017-06-15T20:39:42.222Z', '1.2.0-rc.0': '2017-06-15T21:16:57.470Z', '1.1.3': '2017-06-21T21:48:12.505Z', '1.2.0-rc.1': '2017-06-21T22:31:33.214Z', '1.2.0': '2017-06-29T19:21:25.576Z', '1.3.0-beta.0': '2017-06-29T19:55:56.904Z', '1.2.1': '2017-07-12T17:34:40.198Z', '1.3.0-beta.1': '2017-07-12T18:38:33.167Z', '1.2.2': '2017-07-20T21:06:26.951Z', '1.2.3': '2017-07-21T17:57:50.477Z', '1.3.0-rc.0': '2017-07-21T22:22:01.734Z', '1.2.4': '2017-07-24T19:01:16.743Z', '1.3.0-rc.1': '2017-07-24T19:03:08.281Z', '1.2.5': '2017-07-26T21:09:37.299Z', '1.3.0-rc.2': '2017-07-26T21:26:55.403Z', '1.2.6': '2017-07-27T18:29:09.611Z', '1.3.0-rc.3': '2017-07-27T18:55:31.455Z', '1.2.7': '2017-08-03T17:51:53.604Z', '1.3.0-rc.4': '2017-08-03T18:26:06.546Z', '1.3.0-rc.5': '2017-08-03T19:16:35.510Z', '1.2.8': '2017-08-09T22:34:57.034Z', '1.3.0': '2017-08-09T23:33:40.392Z', '1.4.0-beta.0': '2017-08-10T23:31:35.610Z', '1.3.1': '2017-08-17T20:44:40.289Z', '1.4.0-beta.1': '2017-08-18T00:00:02.218Z', '1.4.0-beta.2': '2017-08-18T19:06:12.921Z', '1.3.2': '2017-08-23T22:03:53.021Z', '1.4.0-rc.0': '2017-08-23T22:11:28.919Z', '1.4.0-rc.1': '2017-08-25T21:05:15.145Z', '1.4.0-rc.2': '2017-08-30T00:23:14.662Z', '1.4.0': '2017-09-07T16:31:09.637Z', '1.4.1': '2017-09-08T22:39:19.578Z', '1.5.0-beta.0': '2017-09-14T00:03:25.612Z', '1.4.2': '2017-09-14T00:35:39.637Z', '1.4.3': '2017-09-22T02:00:04.404Z', '1.5.0-beta.1': '2017-09-22T02:02:52.519Z', '1.4.4': '2017-09-28T23:01:05.205Z', '1.5.0-beta.2': '2017-09-28T23:03:16.645Z', '1.5.0-beta.3': '2017-10-03T20:33:31.803Z', '1.4.5': '2017-10-05T21:29:06.347Z', '1.5.0-beta.4': '2017-10-05T21:32:26.527Z', '1.4.6': '2017-10-12T01:31:14.231Z', '1.4.7': '2017-10-12T16:52:14.901Z', '1.5.0-rc.0': '2017-10-12T17:28:05.424Z', '1.4.8': '2017-10-18T20:09:29.000Z', '1.5.0-rc.1': '2017-10-18T20:13:37.270Z', '1.4.9': '2017-10-19T22:54:59.961Z', '1.5.0-rc.2': '2017-10-19T23:36:26.426Z', '1.5.0-rc.3': '2017-10-24T05:17:28.861Z', '1.5.0-rc.4': '2017-10-26T17:21:40.607Z', '1.5.0-rc.5': '2017-10-27T01:21:13.361Z', '1.5.0-rc.6': '2017-10-28T00:35:11.786Z', '1.5.0-rc.7': '2017-10-30T18:27:09.785Z', '1.5.0-rc.8': '2017-10-30T23:39:34.512Z', '1.5.0': '2017-11-01T19:14:57.082Z' }, homepage: 'https://github.com/angular/angular-cli', keywords: [ 'angular', 'angular-cli', 'Angular CLI' ], repository: { type: 'git', url: 'git+https://github.com/angular/angular-cli.git' }, author: 'Angular Authors', bugs: { url: 'https://github.com/angular/angular-cli/issues' }, license: 'MIT', readmeFilename: 'README.md', users: { avil13: true, tonimoeckel: true, jota: true, baschte: true, stormos: true, szamocza: true, db6edr: true, willvanpelt: true, 'ognjen.jevremovic': true, plastikaweb: true, waiwaiku: true, adli: true, reekdeb: true, 'n.sanitate': true, niilante: true, qingqingcao: true, stefaans: true, 'jlouros-io': true, fadihania: true, wilda: true, fdagosti: true, albertico88: true, kremr: true, plauret: true, infrabill: true, manojkhannakm: true, julianomontini: true, 'stone-jin': true, springy: true, fmakareev: true, rastrearcelularonline: true, majkel: true, onsentamago: true, markymark: true, korbraan: true, allen_l_liu: true, polyeezy: true, joshdoescode: true, sirhcybe: true, shadster: true, samersm: true, tommyldunn: true, willwm: true, aran_sk: true, khcjump: true, orenschwartz: true, yangzw: true, stephanlv: true, advpat: true, tifbs: true, johnnyjohnjohn: true, iamclaytonray: true, shekharreddy: true, elijahsh: true }, version: '1.5.0', main: 'lib/cli/index.js', trackingCode: 'UA-8594346-19', bin: { ng: './bin/ng' }, engines: { node: '>= 6.9.0', npm: '>= 3.0.0' }, dependencies: { '@angular-devkit/build-optimizer': '~0.0.31', '@angular-devkit/schematics': '~0.0.34', '@ngtools/json-schema': '1.1.0', '@ngtools/webpack': '1.8.0', '@schematics/angular': '~0.1.0', autoprefixer: '^6.5.3', chalk: '~2.2.0', 'circular-dependency-plugin': '^3.0.0', 'common-tags': '^1.3.1', 'copy-webpack-plugin': '^4.1.1', 'core-object': '^3.1.0', 'css-loader': '^0.28.1', cssnano: '^3.10.0', denodeify: '^1.2.1', 'ember-cli-string-utils': '^1.0.0', 'exports-loader': '^0.6.3', 'extract-text-webpack-plugin': '3.0.0', 'file-loader': '^1.1.5', 'fs-extra': '^4.0.0', glob: '^7.0.3', 'html-webpack-plugin': '^2.29.0', 'karma-source-map-support': '^1.2.0', less: '^2.7.2', 'less-loader': '^4.0.5', 'license-webpack-plugin': '^1.0.0', lodash: '^4.11.1', 'memory-fs': '^0.4.1', 'node-modules-path': '^1.0.0', nopt: '^4.0.1', opn: '~5.1.0', portfinder: '~1.0.12', 'postcss-custom-properties': '^6.1.0', 'postcss-loader': '^1.3.3', 'postcss-url': '^5.1.2', 'raw-loader': '^0.5.1', resolve: '^1.1.7', rxjs: '^5.5.2', 'sass-loader': '^6.0.3', semver: '^5.1.0', 'silent-error': '^1.0.0', 'source-map-loader': '^0.2.0', 'source-map-support': '^0.4.1', 'istanbul-instrumenter-loader': '^2.0.0', 'style-loader': '^0.13.1', stylus: '^0.54.5', 'stylus-loader': '^3.0.1', 'uglifyjs-webpack-plugin': '1.0.0', 'url-loader': '^0.6.2', webpack: '~3.8.1', 'webpack-concat-plugin': '1.4.0', 'webpack-dev-middleware': '~1.12.0', 'webpack-dev-server': '~2.9.3', 'webpack-merge': '^4.1.0', 'webpack-sources': '^1.0.0', 'webpack-subresource-integrity': '^1.0.1', 'zone.js': '^0.8.14', 'node-sass': '^4.3.0' }, optionalDependencies: { 'node-sass': '^4.3.0' }, dist: { integrity: 'sha512-nCXvqNCdi+8aOU2v6EABZsMg5bB7iM+wfaoWKnu9M5fOW2Rm+7/3Y1gDQKyFkgXCzXdy3J/xpfmwT0gjmjlvIA==', shasum: '2abc3ff1648d54ad4a14f82f9d517f371370406c', tarball: 'https://registry.npmjs.org/@angular/cli/-/cli-1.5.0.tgz' }, directories: {} } 

Answer 1

我只会谈论Angular CLI 。

参考Angular CLI ，我假设你已经尝试在没有-g标志的情况下安装它。

步骤1：从NPM安装Angular CLI

npm install -g @angular/cli

第2步：从Angular CLI生成一个新的应用程序

ng new <APP NAME>

第3步：更改目录

cd <APP NAME>

第4步：提供您的应用程序

ng serve

如果全部失败，请尝试以下操作。

步骤1：更改目录（备用选项）

cd <NPM ANGULAR CLI DIRECTORY>

第2步：本地运行（备用选项）

./bin/ng new <APP NAME> --directory <WHERE EVER YOU WANT IT TO GENERATE>

希望这可以帮助。