简介

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. php eval

    // Our PHP code inside a variable $phpCode = ' class Foo { private $name; public function __construc ...

  2. iOS Programming Recipe 6: Creating a custom UIView using a Nib

    iOS Programming Recipe 6: Creating a custom UIView using a Nib JANUARY 7, 2013 BY MIKETT 12 COMMENTS ...

  3. Alpha冲刺(十)

    Information:   队名:彳艮彳亍团队 组长博客:戳我进入 作业博客:班级博客本次作业的链接 Details: 组员1(组长)柯奇豪 过去两天完成了哪些任务 本人负责的模块(共享编辑)的前端 ...

  4. scala学习(idea编译过程https://blog.csdn.net/guiying712/article/details/68947747)

    scala官网 https://www.scala-lang.org/ 菜鸟教程学习 http://www.runoob.com/scala/scala-basic-syntax.html w3sch ...

  5. 4、Semantic-UI之图标的使用

    4.1 图标的使用   在Semantic-UI中定义了很多的图标样式,这些图标样式可以通过官网查看名称(官网中名称首字母都是大写的,但是在实际使用中全部都是小写使用的): 实例:图标样式 定义基础图 ...

  6. android 中 dp和px转换

    DisplayUtils代码: public class DisplayUtil { public static int px2dip(Context context, float px) { flo ...

  7. EF中三大开发模式之DB First,Model First,Code First以及在Production Environment中的抉择

    一:ef中的三种开发方式 1. db first... db放在第一位,在我们开发之前必须要有完整的database,实际开发中用到最多的... <1> DBset集合的单复数... db ...

  8. 【Newtonsoft.Json.dll】操作列表JSON数据

    JObject data = JObject.Parse(json); JArray array = JArray.Parse(data["list"] + "" ...

  9. iOS检测项目图片资源是否包含P3图片

    1.问题描述 我们需要知道的是在iOS9.3以下系统上,.ipa包内如果含有p3图片,将会导致严重的闪退问题,具体原因还请google,非本文的重点. 2.问题解决 拿到的如果是ipa包(不是则跳过) ...

  10. kali linux之Backdoor-factory

    Backdoor-------python编写 适用于windows PE x32/x64 和Linux ELF x32/x64(OSX),支持msf payload 自定义payload 将shel ...