Angular CLI终极参考指南(翻译)-环境搭建

Angular CLI终极参考指南

如果翻译内容对你产品困扰,可查看原文The Ultimate Angular CLI Reference Guide
直接进入正题

什么是Angular CLI?

Angular CLI是用来帮助你自动化开发的命令行工具,TA能够帮你:
<ul>
<li>新建一个Angular应用</li>
<li>使用LiveReload来启动开发服务器,帮助你在开发期间时时浏览页面</li>
<li>往已有项目中添加内容</li>
<li>运行项目单元测试</li>
<li>运行项目E2E(端对端)测试</li>
<li>构建项目,用来部署生产</li>
<li>将项目部署到服务器</li>
</ul>
在看上面提到功能的详情之前,让我们先看看如何安装Angular CLI

前言

在使用Angular CLI之前,你得先在系统上安装Nodejs4.0.0和npm3.0.0或以上版本(最新Angular CLI说明将来版本要求Nodejs6.9及以上版本,译者注)。

Paste_Image.png

你可以在系统上安装最新版本的Nodejs,并在Nodejs官网上查询最新版本的安装说明。
如果你已经安装了Nodejs和npm,你可以通过运行以下指令查询版本信息:

$ node -v # => displays your Node.js version 
$ npm -v # => displays your npm version

当你安装了Nodejs,你可以使用npm指令去安装Typescript

$ npm install -g typescript@2.0.2

尽管Typescript不是必须使用的开发语言,但是Angular团队强烈推荐TA,所以我建议你们尽可能安装TA来开发Angular2项目。
现在你已经安装了Nodejs和Typescript,你可以开始安装Angular CLI了。
运行以下指令安装Angular CLI:

$ npm install -g angular-cli

将在系统中全局安装ng命令
运行以下指令确认你是否安装成功:

$ ng version

将显示你安装的版本信息

angular-cli: 1.0.0-beta.17
node: 6.1.0
os: darwin x64

你可能在Angular CLI结果中会看到以下警告信息,取决于你系统环境:

Could not start watchman; falling back to NodeWatcher for file system events.
Visit http://ember-cli.com/user-guide/#watchman for more info.

这条警告告诉你两件事:

  1. Angular CLI是基于Ember ClI,是Ember框架上的命令行工具
  2. 你的系统上没有安装Watchman

Watchman

Watchman是由Facebook工程师团队开发的一款文件量化监听服务技术,提供了比同类服务更好的性能
如果你没有安装Watchman,AngularCLI将退回到NodeWatcher
不论如何,安装Watchman将有助于你提高性能,所以你应该到安装说明上检查你的系统是否支持Watchman
当你使用 Mac OS X,你可以通过HoweBrew来安装Watchman

$ brew install watchman

现在你已经安装了Angular CLI
译者注:可通过ng help查看帮助
下一篇讲告诉你如何使用TA来创建项目

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容