Angular CLI: 1.6.7 入门

当你使用npm或者yarn也安装不了angular-cli时，请使用淘宝镜像。

Step1

npm i -g cnpm --registry=https://registry.npm.taobao.org

Step2

cnpm i -g @angular/cli

C:\Users\Administrator\Desktop>cnpm i -g @angular/cli
Downloading @angular/cli to I:\Node\node-v8.9.4-win-x64\node_modules\@angular\cli_tmp
Copying I:\Node\node-v8.9.4-win-x64\node_modules\@angular\cli_tmp\_@angular_cli@1.6.@@angular\cli to I:\Node\node-v8.9.4-win-x64\node_modules\@angular\cli
Installing @angular/cli's dependencies to I:\Node\node-v8.9.4-win-x64\node_modules\@angular\cli/node_modules
[/] circular-dependency-plugin@^4.2. installed at node_modules\_circular-dependency-plugin@4.4.@circular-dependency-plugin
[/] @ngtools/json-schema@1.1. installed at node_modules\_@ngtools_json-schema@1.1.@@ngtools\json-schema
[/] core-object@^3.1. installed at node_modules\_core-object@3.1.@core-object
[/] chalk@~2.2. installed at node_modules\_chalk@2.2.@chalk
[/] css-loader@^0.28. installed at node_modules\_css-loader@0.28.@css-loader
[/] denodeify@^1.2. installed at node_modules\_denodeify@1.2.@denodeify
[/] ember-cli-string-utils@^1.0. installed at node_modules\_ember-cli-string-utils@1.1.@ember-cli-string-utils
[/] exports-loader@^0.6. installed at node_modules\_exports-loader@0.6.@exports-loader
[/] autoprefixer@^7.2. installed at node_modules\_autoprefixer@7.2.@autoprefixer
[/] copy-webpack-plugin@^4.1. installed at node_modules\_copy-webpack-plugin@4.3.@copy-webpack-plugin
[/] file-loader@^1.1. installed at node_modules\_file-loader@1.1.@file-loader
[/] glob@^7.0. existed at node_modules\_glob@7.1.@glob
[/] extract-text-webpack-plugin@^3.0. installed at node_modules\_extract-text-webpack-plugin@3.0.@extract-text-webpack-plugin
[/] karma-source-map-support@^1.2. installed at node_modules\_karma-source-map-support@1.2.@karma-source-map-support
[/] fs-extra@^4.0. installed at node_modules\_fs-extra@4.0.@fs-extra
[/] html-webpack-plugin@^2.29. installed at node_modules\_html-webpack-plugin@2.30.@html-webpack-plugin
[/] license-webpack-plugin@^1.0. installed at node_modules\_license-webpack-plugin@1.1.@license-webpack-plugin
[/] lodash@^4.11. existed at node_modules\_lodash@4.17.@lodash
[/] loader-utils@1.1. existed at node_modules\_loader-utils@1.1.@loader-utils
[/] memory-fs@^0.4. existed at node_modules\_memory-fs@0.4.@memory-fs
[/] minimatch@^3.0. existed at node_modules\_minimatch@3.0.@minimatch
[/] node-modules-path@^1.0. installed at node_modules\_node-modules-path@1.0.@node-modules-path
[/] common-tags@^1.3. installed at node_modules\_common-tags@1.7.@common-tags
[/] nopt@^4.0. installed at node_modules\_nopt@4.0.@nopt
[/] @ngtools/webpack@1.9. installed at node_modules\_@ngtools_webpack@1.9.@@ngtools\webpack
[/] cssnano@^3.10. installed at node_modules\_cssnano@3.10.@cssnano
[/] opn@~5.1. installed at node_modules\_opn@5.1.@opn
[/] portfinder@~1.0. installed at node_modules\_portfinder@1.0.@portfinder
[/] raw-loader@^0.5. installed at node_modules\_raw-loader@0.5.@raw-loader
[/] resolve@^1.1. existed at node_modules\_resolve@1.5.@resolve
[/] postcss-import@^11.0. installed at node_modules\_postcss-import@11.0.@postcss-import
[/] postcss-url@^7.1. installed at node_modules\_postcss-url@7.3.@postcss-url
[/] semver@^5.1. existed at node_modules\_semver@5.5.@semver
[/] less-loader@^4.0. installed at node_modules\_less-loader@4.0.@less-loader
[/] source-map-support@^0.4. existed at node_modules\_source-map-support@0.4.@source-map-support
[/] silent-error@^1.0. installed at node_modules\_silent-error@1.1.@silent-error
[/] style-loader@^0.13. installed at node_modules\_style-loader@0.13.@style-loader
[/] postcss-loader@^2.0. installed at node_modules\_postcss-loader@2.1.@postcss-loader
[/] stylus-loader@^3.0. installed at node_modules\_stylus-loader@3.0.@stylus-loader
[/] istanbul-instrumenter-loader@^3.0. installed at node_modules\_istanbul-instrumenter-loader@3.0.@istanbul-instrumenter-loader
[/] url-loader@^0.6. installed at node_modules\_url-loader@0.6.@url-loader
[/] webpack@~3.10. existed at node_modules\_webpack@3.10.@webpack
fsevents@1.1. download from binary mirror: {"module_name":"fse","module_path":"./lib/binding/{configuration}/{node_abi}-{platform}-{arch}/","remote_path":"./v{version}/","package_name":"{module_name}-v{version}-{node_abi}-{platform}-{arch}.tar.gz","host":"https://npm.taobao.org/mirrors/fsevents"}
platform unsupported @angular-devkit/core@0.0. › chokidar@1.7. › fsevents@^1.0. Package require os(darwin) not compatible with your platform(win32)
[fsevents@^1.0.] optional install error: Package require os(darwin) not compatible with your platform(win32)
[/] stylus@^0.54. installed at node_modules\_stylus@0.54.@stylus
[/] webpack-dev-middleware@~1.12. installed at node_modules\_webpack-dev-middleware@1.12.@webpack-dev-middleware
[/] uglifyjs-webpack-plugin@^1.1. installed at node_modules\_uglifyjs-webpack-plugin@1.1.@uglifyjs-webpack-plugin
[/] webpack-sources@^1.0. existed at node_modules\_webpack-sources@1.1.@webpack-sources
[/] webpack-merge@^4.1. installed at node_modules\_webpack-merge@4.1.@webpack-merge
[/] less@^2.7. installed at node_modules\_less@2.7.@less
[/] webpack-subresource-integrity@^1.0. installed at node_modules\_webpack-subresource-integrity@1.0.@webpack-subresource-integrity
[/] node-sass@^4.7. existed at node_modules\_node-sass@4.7.@node-sass
[/] @schematics/angular@0.1. installed at node_modules\_@schematics_angular@0.1.@@schematics\angular
[/] @angular-devkit/build-optimizer@0.0. installed at node_modules\_@angular-devkit_build-optimizer@0.0.@@angular-devkit\build-optimizer
[/] webpack-dev-server@~2.11. installed at node_modules\_webpack-dev-server@2.11.@webpack-dev-server
[/] rxjs@^5.5. existed at node_modules\_rxjs@5.5.@rxjs
[/] @angular-devkit/schematics@0.0. installed at node_modules\_@angular-devkit_schematics@0.0.@@angular-devkit\schematics
[/] sass-loader@^6.0. installed at node_modules\_sass-loader@6.0.@sass-loader
[/] @angular-devkit/core@0.0. installed at node_modules\_@angular-devkit_core@0.0.@@angular-devkit\core
execute post install  scripts...
[/] scripts.postinstall @ngtools/webpack@1.9. › webpack@3.10. › uglifyjs-webpack-plugin@^0.4. run "node lib/post_install.js"
[/] scripts.postinstall @ngtools/webpack@1.9. › webpack@3.10. › uglifyjs-webpack-plugin@^0.4. finished in 360ms
[/] scripts.install sass-loader@6.0. › node-sass@^4.7. run "node scripts/install.js"
Downloading binary from https://npm.taobao.org/mirrors/node-sass/v4.7.2/win32-x64-57_binding.node
Download complete
Binary saved to I:\Node\node-v8.9.4-win-x64\node_modules\@angular\cli\node_modules\_node-sass@4.7.@node-sass\vendor\win32-x64-\binding.node
Caching binary to C:\Users\Administrator\.npminstall_tarball\node-sass\4.7.\win32-x64-57_binding.node
[/] scripts.install sass-loader@6.0. › node-sass@^4.7. finished in 1s
[/] scripts.postinstall sass-loader@6.0. › node-sass@^4.7. run "node scripts/build.js"
Binary found at I:\Node\node-v8.9.4-win-x64\node_modules\@angular\cli\node_modules\_node-sass@4.7.@node-sass\vendor\win32-x64-\binding.node
Testing binary
Binary is fine
[/] scripts.postinstall sass-loader@6.0. › node-sass@^4.7. finished in 2s
Recently updated (since --):  packages (detail see file I:\Node\node-v8.9.4-win-x64\node_modules\@angular\cli\node_modules\.recently_updates.txt)
  Today:
    → autoprefixer@7.2. › postcss@^6.0.(6.0.) (::)
    → @ngtools/webpack@1.9. › webpack@3.10. › acorn@^5.0.(5.4.) (::)
    → @ngtools/webpack@1.9. › webpack@3.10. › yargs@8.0. › os-locale@2.1. › mem@1.1. › mimic-fn@^1.0.(1.2.) (::)
    → postcss-loader@^2.0.(2.1.) (::)
  --
    → @ngtools/webpack@1.9.(1.9.) (::)
    → autoprefixer@7.2. › browserslist@2.11. › electron-to-chromium@^1.3.(1.3.) (::)
  --
    → cssnano@3.10. › autoprefixer@6.7. › caniuse-db@^1.0.(1.0.) (::)
  --
    → uglifyjs-webpack-plugin@^1.1.(1.1.) (::)
  --
    → webpack-dev-server@2.11. › selfsigned@^1.9.(1.10.) (::)
  --
    → uglifyjs-webpack-plugin@1.1. › uglify-es@^3.3.(3.3.) (::)
  --
    → css-loader@0.28. › postcss@5.2. › js-base64@^2.1.(2.4.) (::)
    → html-webpack-plugin@2.30. › html-minifier@3.5. › uglify-js@3.3.x(3.3.) (::)
    → webpack-dev-server@2.11. › bonjour@3.5. › multicast-dns@^6.0.(6.2.) (::)
All packages installed ( packages installed from npm registry, used 1m, speed .62kB/s, json (.41MB), tarball .83MB)
[@angular/cli@1.6.] link I:\Node\node-v8.9.4-win-x64\ng@ -> I:\Node\node-v8.9.4-win-x64\node_modules\@angular\cli\bin\ng

step3

ng new test-app

step4

cd test-app
ng serve --open

最后，只要学习一下相对应的ng-cli参数即可。