一、简介

Angular CLI用于简单，快速构建Angular2项目，只要掌握几行命令就能扣减前端架构。依赖于NodeJs和npm。

Git 源代码地址：https://github.com/angular/angular-cli

AngularCLI主要特性
1 Angular CLI 可以快速搭建框架，创建module，service，class，directive等；
2 具有webpack的功能，代码分割（code splitting），按需加载；
3 代码打包压缩；
4 模块测试，端到端测试；
5 热部署，有改动立即重新编译，不用刷新浏览器；而且速度很快
6 有开发环境，测试环境，生产环境的配置，不用自己操心；
7 sass，less的预编译Angular CLI都会自动识别后缀来编译；
8 typescript的配置，Angular CLI在创建应用时都可以自己配置；
9 在创建好的工程也可以做一些个性化的配置，webpack的具体配置还不支持，未来可能会增加；
10 Angular CLI创建的工程结构是最佳实践，生产可用；

安装 Angular CLI

windows： npm install -g angular-cli
macOS: sudo npm install -g angular-cli

注：安装的时间可能会比较长。

安装成功后，使用 ng help 命令，验证安装是否成功

二、使用 Angular CLI创建Angular项目

1.创建项目：

ng new project_name(项目名称)

注：安装时如果很慢，设置cnpm ，使用命令：

ng set --global packageManager=cnpm

注2：Installing packages ...加载模块依赖过程，可能也会相对慢一会儿。

2.启动项目

cd project_name

ng serve --open //编译运行名称

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

运行成功，地址栏输入：http://localhost:4200/

运行结果页面如下：

尝试的修改一下app.component.ts中的文字，看看热部署是否马上生效？yes！it does！

3.ng 命令创建模块、类等

ng g module about

创建module，component，service，class

Ionic2 相关文档整理

Visual Studio Code v1.18发布

EF Linq字符串模糊查询整理

ng set --global packageManager=cnpm

Angular CLI简介相关推荐

Angular CLI ng常用命令整理
Angular CLI 的ng命令常用整理当前对应版本:angular-cli:1.0.0 node:8.9.3 os:win32 x64 1.创建项目 ng new 命令描述 ng n ...
ng命令汇总：Angular CLI 使用教程指南参考
Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装要安装Ang ...
Angular CLI在线安装和离线安装
Angular CLI 安装方式默认已经安装了 Node.js 和 npm 包管理器. 1. 在线安装可以使用外网的情况下,可以使用在线安装的方式. 要使用 npm 命令全局安装 CLI,请打开终 ...
angular cli全局版本大于本地版本把本地版本升级方式
查看 angular 版本 ng version 如出现提示 Your global Angular CLI version (xxx) is greater than your local ver ...
使用Angular CLI从蓝本生成代码
第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 这篇文章主要是讲生 ...
Angular CLI 使用教程指南参考
Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装要安装Ang ...
Angular cli 发布自定义组件
建立工作空间 ng new Test --style=scss //Angular6.x及以下可以使用这个命令指定使用.scss样式表 ng new Test ...
Linux安装指定版本Angular Cli
环境准备: 1.安装nodejs 不同版本Angular Cli需要安装不同版本的nodejs,本文安装v10.16.0版本的nodejs,可以支持7.x版本的Angular Cli.由于开发需要使用 ...
Ionic启动时提示:The Angular CLI requires a minimum Node.js version of eithor v10.13 or v12.0
场景在新建ionic项目后通过ionic serve 启动ionic项目时提示: The Angular CLI requires a minimum Node.js version of eith ...
Angular介绍、安装Angular Cli、创建Angular项目入门教程
场景 Angualr 是一款来自谷歌的开源的web 前端框架,诞生于2009 年,由Misko Hevery 等人创建,后为Google 所收购.是一款优秀的前端JS 框架,已经被用于Google ...

Angular CLI简介

创建module，component，service，class

Angular CLI简介相关推荐

最新文章

热门文章