美文网首页
2. Angular 项目中经常用到的命令

2. Angular 项目中经常用到的命令

作者: 晨曦Bai | 来源:发表于2019-07-25 17:32 被阅读0次

    1. 创建新的Angular 项目

    ng new my-angular-project

    2. 运行 Angular 应用

    cd my-angular-project
    ng serve --open // 或者 ng serve -o

    3. angular-cli 命令行获取相关帮助

    ng help // 列出所有的命令
    ng help generate // 列出具体命令的相关内容

    在浏览器中,打开 http://localhost:4200/ 查看运行效果。

    4. CLI 命令语法

    ng commandNameOrAlias requiredArg [optionalArg] [options]
    例如:
    ng build my-app -c production

    • 参数和选项的名称可以用小驼峰或中线分隔的格式给出。 --myOptionName 等价于 --my-option-name
    • 选项名带有双中线前缀(--)。 选项别名带有单中线前缀(-)。 参数没有前缀。
    1. ng new my-project // new ==n, 创建新的angular 项目
    2. ng generate component my-component // generate == g ,创建组件
    ```ng generate <schematic> [options]```
    
    The schematic or collection:schematic to generate.
    
    该选项可以接受下列之一:
    
    *    appShell
    *   application
    *   class
    *   component
    *   directive
    *   enum
    *   guard
    *   interface
    *   library
    *    module
    *   pipe
    *   service
    *    serviceWorker
    *    universal
    *    webWorker
    
    
    1. ng g module my-module //创建模块
    2. ng build my-project // build == b 编译angular app ,在给定输出路径下输出目录名为dist/ ,必须在工作目录下执行该命令
    3. ng run my-project // 在你定义的项目下运行构建目标
    4. ng serve // serve == s ,编译运行app
    5. ng test my-project // test== t, 运行项目的单元测试
    6. ng update @angular/cli @angular/core //更新你的应用和依赖
    7. ng add @angular/pwa // 添加npm package 到你工作区的库library,

    相关文章

      网友评论

          本文标题:2. Angular 项目中经常用到的命令

          本文链接:https://www.haomeiwen.com/subject/nwmhrctx.html