Angular CLI 环境准备

标签：浏览器   目录文件   class   应用   scope   ret   参数   监听   访问   

前记：好的工具能让开发更加简单快捷。

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

主要内容：

1. 设置开发环境。

2. 创建新项目以及应用的骨架。

3. 启动开发服务器。

步骤1. 开发环境准备

如果还没有Node.js和npm，请先安装好它们：

然后全局安装 Angular CLI 。

npm install -g @angular/cli

步骤2. 创建新项目

打开终端窗口（CMD命令）。

在期望的文件夹下运行下列命令来生成一个新项目以及应用的骨架代码：

ng new my-app

步骤3. 启动开发服务器

进入项目目录文件夹下，启动终端窗口，并启动服务器。

ng serve --open

ng serve命令会启动开发服务器，监听文件变化，并在修改这些文件时重新构建此应用 —— 及时编译。

使用--open（或-o）参数可以自动打开浏览器并访问http://localhost:4200/。

Angular CLI 环境准备

标签：浏览器   目录文件   class   应用   scope   ret   参数   监听   访问   

原文地址：http://www.cnblogs.com/ShaoShuai20160203/p/7789128.html