Angular CLI是什么以及如何安装


本文摘自PHP中文网,作者清浅,侵删。

Angular CLI是一个命令行界面工具,用来创建项目添加文件等,它可以让开发人员更快的搭建Angular项目。安装Angular CLI首先要安装好node,npm环境然后再安装Angular CLI

【推荐课程:Angular教程

Angular CLI是什么

Angular1.x版本都统称为Angular JS,而Angular 2.x及以上版本统称为Angular。其中1.x版本专注于web开发,未涉及到移动端方面,2.x版本支持移动端,它有两层分别是应用层和渲染层,比如说一个组件可以用不同的@View 修饰器来修饰并且根据运行环境可以在运行时生效。

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

Angular CLI的安装步骤

(1)首先要确认电脑中是否已经安装好了node.js和npm,可以通过以下命令来检查

1

2

$ node -v

$ npm -v

上述命令用于显示当前node和npm版本,需要注意node的版本要高于6.9.3,npm的版本要高于3.0.0

(2)全局安装typescript

1

$ npm install -g typescript

此步骤可以安装或不安装,因为在新建项目的时候会自动安装typescript(非全局)所以这里也可以不用安装

(3)安装Angular CLI

1

$ npm install -g @angular/cli

(4)安装好之后,如果出现以下界面则说明安装成功

1

2

3

4

5

6

7

8

9

10

11

$ ng v

 

    _                      _                 ____ _     ___

   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|

  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |

 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |

/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|

               |___/

@angular/cli: 1.1.1

node: 7.10.0

os: darwin x64

注意:如果不成功就需要uninstall重新来过

总结:以上就是本篇文章的全部内容了,希望对大家有所帮助。

以上就是Angular CLI是什么以及如何安装的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

浅谈Angular指令中的4种设计模式

浅谈Angular cli工具如何从零搭建并运行一个简单项目

浅谈Angular中http请求模块的用法

浅谈Angular中组件的生命周期

20个优秀的Angular开源项目,你了解几个呢?

Angular如何创建服务?5种方式了解一下!

浅谈Angular中的component/service

一文带你深入解析Angular 10

详解Angular中的ngmodule(模块)

浅谈Angular中父子组件间怎么传递数据

更多相关阅读请进入《Angular》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...