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参数即可。
Angular CLI: 1.6.7 入门的更多相关文章
- (转载)从Java角度理解Angular之入门篇:npm, yarn, Angular CLI
本系列从Java程序员的角度,带大家理解前端Angular框架. 本文是入门篇.笔者认为亲自动手写代码做实验,是最有效最扎实的学习途径,而搭建开发环境是学习一门新技术最需要先学会的技能,是入门的前提. ...
- 从Java角度理解Angular之入门篇:npm, yarn, Angular CLI
本系列从Java程序员的角度,带大家理解前端Angular框架. 本文重点介绍Angular的开发.编译工具:npm, yarn, Angular CLI,它们就像Java在中的Maven,同时顺便介 ...
- angular2.0入门---webStorm创建angular CLI项目
创建项目之前需要先安装angular cli,(angular是用typescript编写的,所以先安装typescript,再安装angularjs-cli).打开命令窗口输入 npm instal ...
- Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
前言: 最近一直在使用阿里的NG-ZORRO(Angular组件库)开发公司后端的管理系统,写了一段时间的Angular以后发现对于我们.NET后端开发而言真是非常的友善.因此这篇文章主要是对这段时间 ...
- .Net Core + Angular Cli / Angular4 开发环境搭建
一.基础环境配置 1.安装VS 2017 v15.3或以上版本 2.安装VS Code最新版本 3.安装Node.js v6.9以上版本 4.重置全局npm源,修正为 淘宝的 NPM 镜像: npm ...
- Protrator 官网和下载工具稍慢 , 但能使用. Angular CLI 内置 官方推荐 TS的 demo 不明显 , 而且依赖无法安装
npm uninstall -g protractor && cnpm install -g protractor && protractor --version 复 ...
- .Net Core+Angular Cli/Angular4开发环境搭建教程
一.基础环境配置1.安装VS2017v15.3或以上版本2.安装VSCode最新版本3.安装Node.jsv6.9以上版本4.重置全局npm源,修正为淘宝的NPM镜像:npminstall-gcnpm ...
- Angular环境准备和Angular cli
Angular4.0来了,更小,更快,改动少 接下来为Angular4.0准备环境和学会使用Angular cli项目 1.环境准备: 1)在开始工作之前我们必须设置好开发环境 如果你的机器上还没有安 ...
- Angular 4 学习笔记 从入门到实战 打造在线竞拍网站 基础知识 快速入门 个人感悟
最近搞到手了一部Angular4的视频教程,这几天正好有时间变学了一下,可以用来做一些前后端分离的网站,也可以直接去打包web app. 环境&版本信息声明 运行ng -v @angular/ ...
随机推荐
- html5开发移动混合App系列1-开发环境搭建
最近公司准备开发门店收银系统,是基于IPAD的程序,决定采用基于 Ionic + Cordova + AngularJS技术混合开发模式. 准备 一台mac(安装了mac os的虚拟机也可以),nod ...
- OJB
OJB 编辑 本词条缺少名片图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! 对象关系桥(OJB)是一种对象关系映射工具,它能够完成从Java对象到关系数据库的透明存储. 英文名 OJB ...
- 雷林鹏分享:PHP Secure E-mails
在上一节中的 PHP e-mail 脚本中,存在着一个漏洞. PHP E-mail 注入 首先,请看上一章中的 PHP 代码: if (isset($_REQUEST['email'])) { // ...
- 第2节 mapreduce深入学习:11、maptask运行机制(多看几遍)
mapTask运行机制详解以及mapTask的并行度在mapTask当中,一个文件的切片大小使用默认值是128M,就是跟我们一个block块对应大小一样 MapTask运行的整个过程 背下来1.Tex ...
- Json Web Token(JWT)详解
什么是Json Web Token Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准((RFC 7519).该token被设计为紧凑且安全的 ...
- Samba 学习笔记
这个网站不错.https://www.ibm.com/developerworks/cn/linux/l-lpic3-311-1/
- 监听服务器 重启apache
import requests import os import time url = 'http://www.ydyigo.com/findPwd.php' def get_server_statu ...
- rbac组件之权限操作(四)
对于权限表的操作有两种方式,第一种是一个个的权限进行curd,另外一种是批量操作,自动发现django程序中的路由,进行批量curd,首先介绍第一种方式. 因为在列出菜单时,已经将权限列表列出来了,所 ...
- c# TcpClient简易聊天工具
说明: TcpClient 链接是一个比较安全稳定的链接,作为聊天或者是数据稳定传输,是比较合适的,下面的代码测试过,如果你吧他放在公网服务器上,也是可以用的 using System; using ...
- 如何判断CPU、内存、磁盘的性能瓶颈?
1.如何判断CPU.内存.磁盘的瓶颈? CPU瓶颈1) 查看CPU利用率.建议CPU指标如下 a) User Time:65%-70% b) System Time:30%-35% c) Idle:0 ...