首页 > web前端 > js教程 > 正文

Angular CLI是什么以及如何安装

清浅
发布: 2020-08-21 10:41:37
原创
2606 人浏览过

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

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,可以通过以下命令来检查

$ node -v
$ npm -v
登录后复制

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

(2)全局安装typescript

$ npm install -g typescript
登录后复制

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

(3)安装Angular CLI

$ npm install -g @angular/cli
登录后复制

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

$ ng v

    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.1.1
node: 7.10.0
os: darwin x64
登录后复制

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

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

以上是Angular CLI是什么以及如何安装的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!