热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

通过哪个CLI版本安装Angular5

如何解决《通过哪个CLI版本安装Angular5》经验,为你挑选了1个好方法。

我正在使用Ubuntu 18,并希望启动Angular 5项目,因此我通过以下命令安装了Node,npm,TypeScript,最后安装了最新的稳定Angular CLI,

sudo npm install -g @angular/cli

因此,默认情况下,它正在下载最新的稳定的Angular CLI,现在是6.1.3,默认情况下,它是Angular 6版本而不是Angular 5的版本,这是我的要求。

之后,我在同一页面上搜索了许多页面,以获取正确的CLI版本,以获得适用于Angular 5的最新版本5.2.11。

还看了很多帖子,但很多是从2017年Angular 5新发布的去年开始的。

所以我的问题是通过安装哪个较早版本的Angular CLI获取Angular 5最新版本?



1> ArifMustafa..:

操作系统:Ubuntu 18(Linux)

注意:sudo用作安装前缀。Windows用户以管理员身份打开cmd。

sudo apt-get update

    安装NodeJS 8.11.3 LTS

    curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
    
    sudo apt-get install -y nodejs
    
    node -v
    v8.11.3
    

    npm与Node.js一起安装

    npm与Node.js一起分发,这意味着当您下载Node.js时,会自动在计算机上安装npm。

    npm -v
    6.3.0
    

    获取TypeScript

    sudo npm install -g typescript
    
    tsc -v
    Version 3.0.1
    

    使用root安装angular / cli

    sudo -s
    root@ubuntu:~# 
    

    对Angular 5.2.11使用CLI版本1.6.6

    root@ubuntu:~# npm install -g @angular/cli@1.6.6
    // it will download files and take some minutes
    
    root@ubuntu:~# ng -v
    
        _                      _                 ____ _     ___
       / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
      / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
     / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
    /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                   |___/
    
    Angular CLI: 1.6.6
    Node: 8.11.3
    OS: linux x64
    Angular: 
    ...
    

    现在,从根目录退出

    exit
    // reach where you want to create your new project
    ng new angular5App
    // it will download files and take some minutes
    

    到达项目目录内

    cd angular5App
    // check project dependencies from package.json
    

    编译,捆绑并运行项目

    ng serve -on
    

    默认情况下,您的项目将在 http://localhost:4200/

在以上版本的Chrome 65中,转到检查,元素,

内部检查


推荐阅读
  • 本文介绍了JavaScript进化到TypeScript的历史和背景,解释了TypeScript相对于JavaScript的优势和特点。作者分享了自己对TypeScript的观察和认识,并提到了在项目开发中使用TypeScript的好处。最后,作者表示对TypeScript进行尝试和探索的态度。 ... [详细]
  • 枚举使用枚举我们可以定义一些带名字的常量。使用枚举可以清晰地表达意图或创建一组有区别的用例。TypeScript支持数字的和基于字符串的枚举。数字枚举首先我们看看数字枚举,如果你使 ... [详细]
  • HTML学习02 图像标签的使用和属性
    本文介绍了HTML中图像标签的使用和属性,包括定义图像、定义图像地图、使用源属性和替换文本属性。同时提供了相关实例和注意事项,帮助读者更好地理解和应用图像标签。 ... [详细]
  • Ubuntu安装常用软件详细步骤
    目录1.GoogleChrome浏览器2.搜狗拼音输入法3.Pycharm4.Clion5.其他软件1.GoogleChrome浏览器通过直接下载安装GoogleChro ... [详细]
  • 本文讨论了Kotlin中扩展函数的一些惯用用法以及其合理性。作者认为在某些情况下,定义扩展函数没有意义,但官方的编码约定支持这种方式。文章还介绍了在类之外定义扩展函数的具体用法,并讨论了避免使用扩展函数的边缘情况。作者提出了对于扩展函数的合理性的质疑,并给出了自己的反驳。最后,文章强调了在编写Kotlin代码时可以自由地使用扩展函数的重要性。 ... [详细]
  • React项目中运用React技巧解决实际问题的总结
    本文总结了在React项目中如何运用React技巧解决一些实际问题,包括取消请求和页面卸载的关联,利用useEffect和AbortController等技术实现请求的取消。文章中的代码是简化后的例子,但思想是相通的。 ... [详细]
  • 如何查询zone下的表的信息
    本文介绍了如何通过TcaplusDB知识库查询zone下的表的信息。包括请求地址、GET请求参数说明、返回参数说明等内容。通过curl方法发起请求,并提供了请求示例。 ... [详细]
  • 本文由编程笔记#小编为大家整理,主要介绍了markdown[软件代理设置]相关的知识,希望对你有一定的参考价值。 ... [详细]
  • php7 curl_init(),php7.3curl_init获取301、302跳转后的数据
    最近在做一个蜘蛛项目,发现在抓取数据时,有时会碰到301的页面,原本写的curl_init函数php7-远程获取api接口或网页内容&#x ... [详细]
  • 对Firefoxios源码的精简Firefox的依赖使用carthage来进行管理,国内的网络是在过于坑爹,相关的依赖包总是无法下载下来,花了两天时间,手动将Firefox所依赖的库导入 ... [详细]
  • 为PHP5安装curl和gd
    2019独角兽企业重金招聘Python工程师标准一、查看php5是否安装了curl:1在web服务器目录(Ubuntu下通常为varwww ... [详细]
  • Istio是一个用来连接、管理和保护微服务的开放平台。Istio提供一种简单的方式来为已部署的服务建 ... [详细]
  • 在使用豆瓣OAuth登录接口时,我们需要发送这样的HTTPREQUEST请求:GETv2user~meHTTP1.1Host:https:api.douban.com ... [详细]
  • |NO.Z.00394|——————————|CloudNative|——|KuberNetes&CI/CD.V32|——|Jenkins.v12|自动构建NodeJs应用.v06|
    一、NodeJS自动发版###---Jenkins执行NodeJS自动发版#~~~Jenkins——Dashboard——Deploy:true——Build——END二、 ... [详细]
  • Vue3 拥抱 TypeScript 的完整项目结构搭建
    大厂技术高级前端Node进阶点击上方程序员成长指北,关注公众号回复1,加入高级Node交流群一个完整的Vue3Ts项目,支持.vue和.tsx写法项目地 ... [详细]
author-avatar
手机用户2502863445
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有