简介

ng  官方命令行


Angular  CLI 自己的官方文档
https://github.com/angular/angular-cli/wiki/new



常用代码   临时代码




ng new toh-pt6 --skip-install && cd toh-pt6 && cnpm i

ng new template --skip-install

angular2-hello-world
ng new angular2-hello-world --skip-install && cd angular2-hello-world && cnpm i angular2-reddit
ng new angular2-reddit --skip-install && cd angular2-reddit && cnpm i --port 4201 --open
"start": "ng serve --port 4201 --open",
ng serve --port 4201 --open",
1
13
 
1

2
ng new toh-pt6 --skip-install && cd toh-pt6 && cnpm i
3

4

5
ng new template --skip-install
6

7
angular2-hello-world
8
ng new angular2-hello-world --skip-install && cd angular2-hello-world && cnpm i
9

10
angular2-reddit
11
ng new angular2-reddit --skip-install && cd angular2-reddit && cnpm i
12

13

14
 --port 4201 --open
15
"start": "ng serve --port 4201 --open",
16
ng serve --port 4201 --open",
17



常用命令和参数




ng help 帮助
命令 + help  不行 , 所以不能用 ng serve 
大多数两个 -- 和 一个 -  , 都是可以的 , 建议还是写完整 , 有些不能这样写

--open 或者  -open 帮忙打开浏览器 , 默认支持
--port 4201 或者 -port 

ng --version 查看版本号

ng help 帮助
注意 : 查看new这个参数的帮助 , 不是直接输入 ng new help  , ng new help 会创建一个项目 , 叫 "help"


ng new AAA
如果只是创建项目 , 不要马上安装依赖包的话 , 添加参数 :
--skip-install
例如   ng new AAA --skip-install 


其他


i7 的环境
2017-12-02

C:\Users\pc>ng -v

    _                      _                 ____ _     ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/ Angular CLI: 1.5.3
Node: 8.9.0
OS: win32 x64
Angular:
...
x
 
1
C:\Users\pc>ng -v
2

3
    _                      _                 ____ _     ___
4
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
5
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
6
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
7
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
8
               |___/
9

10
Angular CLI: 1.5.3
11
Node: 8.9.0
12
OS: win32 x64
13
Angular:
14
...
15






Angular  CLI的更多相关文章

  1. Angular环境准备和Angular cli

    Angular4.0来了,更小,更快,改动少 接下来为Angular4.0准备环境和学会使用Angular cli项目 1.环境准备: 1)在开始工作之前我们必须设置好开发环境 如果你的机器上还没有安 ...

  2. 迈向angularjs2系列(8):angular cli和angular2种子项目

    文章目录 1.angular cli快速搭建项目 2.angular2-seed 3.手动配置 题外话:如何更好的阅读本篇文章 一: angular cli的安装 Angular-cli(命令行界面, ...

  3. Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题

    前提准备: 搭建好Angular开发环境 1 安装Visual Studio Code 教程简单,不会的去问度娘 2 安装Chrome浏览器 教程简单,不会的趣闻度娘 3 Visual Studio ...

  4. angular4.0 安装最新版本的nodejs、npm、@angular/cli的方法

    在使用ng项目的ui框架时,比如ng-zorro.angular Material,需要安装最新版本的@angular/cli: 配置ng-zorro框架 ng-zorro官网:https://ng. ...

  5. 使用Angular CLI生成 Angular 5项目

    如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文. Angular CLI 官网: https://github.com/angular/angular- ...

  6. Angular4---起步----环境配置安装@angular/cli

    学习angular,首先要搭建起angular的手脚架@angular/cli.首先需要NodeJS环境. 1.安装NodeJS 首先检查电脑是否安装了NodeJS环境,打开cmd命令行,运行node ...

  7. 使用Angular CLI进行单元测试和E2E测试

    第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 第二篇文章是: & ...

  8. 使用Angular CLI从蓝本生成代码

    第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 这篇文章主要是讲生 ...

  9. 使用Angular CLI生成路由

    第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 第二篇文章是: & ...

  10. 使用Angular CLI进行Build (构建) 和 Serve

    第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 第二篇文章是: & ...

随机推荐

  1. rabbitMQ日常管理(转)

    原文:http://blog.sina.com.cn/s/blog_790c59140102x5vk.html 一.网页登录方法 http://127.0.0.1:15672/ 用户名和密码默认为gu ...

  2. Yii2 集成 adminlteasset

    https://github.com/dmstr/yii2-adminlte-asset AdminLTE Asset Bundle Backend UI for Yii2 Framework, ba ...

  3. 【转载】redis优化配置和redis.conf说明

    转载地址:http://blog.csdn.net/luozhonghua2014/article/details/40568707?utm_source=tuicool&utm_medium ...

  4. CALayer, CoreGraphics与CABasicAnimation介绍

    今天我们来看一下CALayer.CoreGraphics和CABasicAnimation.这些东西在处理界面绘制.动画效果上非常有用. 本篇博文就讲介绍CALayer的基本概念,使用CoreGrap ...

  5. Python之迭代器,生成器与装饰器

    1>迭代器原理及使用: 1>原理: 迭代器是访问集合元素的一种方式,迭代器对象从集合的第一个元素开始访问,直到所有的元素被访问完结束:迭代器只能往前不会后退,不过这也没什         ...

  6. 了解entity framework其他query方式之Entity SQL,Raw Sql分析

    一:linq 对ef来说不是唯一性的query... 二:Entity Sql 1. esql => entity sql... [类sql的语言] 和sql差不多,但是呢,不是sql... u ...

  7. [Mac] 获取cpu信息

    [Mac] 获取cpu信息 命令行获取cpu信息 sysctl machdep.cpu output like machdep.cpu.tsc_ccc.denominator: 0 machdep.c ...

  8. 提高SQL Server数据库效率常用方法

    1.没有索引或者没有用到索引(这是查询慢最常见的问题,是程序设计的缺陷) 2.I/O吞吐量小,形成了瓶颈效应. 3.没有创建计算列导致查询不优化. 4.内存不足 5.网络速度慢 6.查询出的数据量过大 ...

  9. ZKEACMS for .Net Core 深度解析

    ZKEACMS 简介 ZKEACMS.Core 是基于 .Net Core MVC 开发的开源CMS.ZKEACMS可以让用户自由规划页面布局,使用可视化编辑设计“所见即所得”,直接在页面上进行拖放添 ...

  10. EasyFastCMS系列教学课程——2、底层代码 ModelHelper与SQLHelper简介

    从本节课开始,我们开始逐步正式进入实际的编码过程中.本节课的核心内容为SQLHeelper和ModelHelper两个核心类库的介绍. SQLHelper这个类相信大家都很熟悉了,他是微软petsho ...