Angular CLI是一个命令行界面工具,它可以创建项目、添加文件以及执行一大堆开发任务,比如测试、打包和发布。

安装angular-cli步骤

  1. 用node -v npm -v 查看各自的版本,npm会在安装node.js的时候安装,确保两者的均为最新版本
  2. 使用cnpm源安装,这样会省去安装.Net Framwork 以及vc++编译环境:
    npm config set registry https://registry.npm.taobao.org
    2.1 安装cnpm
    npm install -g cnpm -registry=https://registry.npm.taobao.org
    cnpm version查看cnpm是否安装成功
  3. angular-cli 项目使用typescript写的,所以事先全局安装以下两个库
    npm install -g typescript typings
  4. 如果之前安装失败过,最好在安装angular-cli之前先卸载干净:
    npm uninstall -g abgular-cli
    npm cache clean
    同时在C:\Users\Administrator\AppData\Roaming\npm 目录中删除ng 和 ng.cnd文件。我是在Administrator管理员下,不同用户改目录会不同
  5. 安装最新版cli
    nm install -g @angular/cli@latest
        注意    rc版与    beta版本的区别 @angular/cli vs angular-cli
    若是安装失败,可以下载proxifier软件代理https://registry.npm.taobao.org,之后从新安装。
    若是本机是通过外部代理访问外网的,则需要配置npm的上网代理:
    npm set proxy http://*
    npm set https_proxy https://**
        设置为你的代理网址
    5.1 npm config ls -l  查看所有npm配置的详细信息
    npm config get proxy  查看proxy设定的值
    npm config delete proxy 或者npm set proxy null删除设置过的proxy值
  6. 用ng version查看ng命令是否生效,若生效则angular-cli生效
    若没有生效可安装vc++试试:
    https://npm.taobao.org/package/windows-build-tools
    出现下图即生效:
  7. angular-cli 升级
    https://github.com/angular/angular-cli/wiki/stories-rc.0-update
  8. 其他参考链接
    http://blog.csdn.net/zhy13087344578/article/details/60745667

angular-cli安装步骤相关推荐

  1. 安装angular cli_Angular 9适用于初学者—如何使用Angular CLI安装第一个应用程序

    安装angular cli Angular is one of the most popular JavaScript frameworks created and developed by Goog ...

  2. mac的angular/cli安装及踩坑记录

    一.angular/cli的安装 step1:node+npm安装 首先使用node -v命令查看mac是否已安装node与npm(如已安装则跳过) node -v npm -v 安装Node.js ...

  3. Angular CLI 安装

    安装Angular 官网的教程,因为国内网络环境原因,访问不了服务器,导致安装失败. 1.先安装NodeJs 安装教程:http://blog.csdn.net/zengmingen/article/ ...

  4. 【重要】ionic和Angular的安装步骤

    首先搭建好npm和node环境的最新版本安装:: 一:开始安装ionic: 1. npm install -g ionic(全局安装ionic) 2. ionic start 新建的项目名称 +模板样 ...

  5. Angular /Angular cli安装教程

    1.安装node.js 在node官网下载安装包,我下载安装的是node-v12.14.0-x64.msi,win10   x64系统,默认安装,一路Next,不用配置环境变量(msi格式的安装文件会 ...

  6. Angular随记:Angular CLI安装及使用

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 目录 一.安装 Angular CLI 二.Angular CLI 使用 1.命令总览 2.创建应用 3.启动运行项目 4.创建指定的 ...

  7. Angular14 Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题、emmet安装...

    前提准备: 搭建好Angular开发环境 1 安装Visual Studio Code 教程简单,不会的去问度娘 2 安装Chrome浏览器 教程简单,不会的趣闻度娘 3 Visual Studio ...

  8. Angular CLI在线安装和离线安装

    Angular CLI 安装方式 默认已经安装了 Node.js 和 npm 包管理器. 1. 在线安装 可以使用外网的情况下,可以使用在线安装的方式. 要使用 npm 命令全局安装 CLI,请打开终 ...

  9. Windows 安装Angular CLI

    1.安装nvm npm cnpm nrm(onenote笔记上有记录) 参考:https://blog.csdn.net/tyro_java/article/details/51232458 提示:如 ...

  10. php网页安装pwa,怎样使用@angular/cli V6.0开发PWA应用

    这次给大家带来怎样使用@angular/cli V6.0开发PWA应用,使用@angular/cli V6.0开发PWA应用的注意事项有哪些,下面就是实战案例,一起来看一下. 什么是PWA PWA(P ...

最新文章

  1. cmake qt 添加路径 项目_CMake配置Qt工程
  2. 设计模式中的那些工厂
  3. 多核CPU缓存一致性协议MESI
  4. Asp.Net访问Oracle 数据库 执行SQL语句和调用存储过程
  5. Android线程和线程Handler基础一览
  6. zabbix配置微信报警
  7. CCF NOI1008 水仙花数
  8. GHOSTXPSP3系统封装网页图文教程
  9. STM32 HAL库手册获取和查阅方法以及查看官方例程
  10. 《趣谈网络协议》课程学习笔记
  11. Google Maps真正离线地图包
  12. 西瓜创客的python_西瓜创客Python客户端
  13. 新浪云python开发_Python开发入门与实战17-新浪云部署
  14. 怎么查看电脑是不是禁ping_电脑ping怎么打开怎么检测网络连接是否正常 ping网络教程...
  15. Install failed. Installation failed a href='rerun'Rerun/a
  16. ubuntu ..路径找不到_Ubuntu常用命令
  17. java线程高并发编程
  18. margin-top遇到的小问题
  19. 16位字长的计算机,十六位字长的计算机是指计算机16位十进制数的计算机吗
  20. 博弈背景下的记忆化搜索/题意理解 (HDU 2452 Navy maneuvers)

热门文章

  1. 优秀工具介绍之——Iconfont 阿里图标库
  2. Nordic 52832 BLE Central Demo 分析
  3. Ruby 学习(六)数组Array
  4. 虚拟机的三种网络模式和桥接模式的选择
  5. 关于Range()函数的理解及代码解释
  6. 学会了C语言/C++能做什么?让我来告诉你吧!
  7. 无线蓝牙耳机哪个牌子好?2023质量好的无线蓝牙耳机推荐
  8. 想打通 Web 与小程序的账号系统?来试试知晓云吧
  9. Springboot整合PageOffice 实现word在线编辑保存。
  10. 训练实录 | 第 45 届ICPC沈阳站(牛客重现赛)