首页 > 其他 > 详细

Angular CLI 环境准备

时间:2017-11-05 23:23:41      阅读:372      评论:0      收藏:0      [点我收藏+]

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

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

主要内容:

  1. 设置开发环境。

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

  3. 启动开发服务器

步骤1. 开发环境准备

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

在终端/控制台窗口中运行命令 node -v 和 npm -v, 来验证一下你正在运行 node 6.9.x 和 npm 3.x.x 以上的版本。

然后全局安装 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 环境准备

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!