Angular环境配置

目的

如何配置Angular5环境,使用Angular CLI进行辅助开发。

简介

Angular后期版本使用TypeScript进行开发,不同于1.x版本。

内容

  1. 确保node 6.9.x / npm 3.x.x 以上版本。执行Angular CLI安装命令。

    1
    $ npm install -g @angular/cli
  2. 创建应用。

    1
    $ ng new my-app
  3. ng serve可以启动自带的服务器,方便在浏览器调试应用。

    1
    2
    $ cd my-app
    $ ng serve --open
  4. ng generate component component-name自动生成组件。
    ng generate directive|pipe|service|class|guard|interface|enum|module

  5. ng build构建项目,将生成的文件放置目录dist/,使用-prod构建生产线项目。

  6. ng test使用Karma执行单元测试。

  7. ng e2e使用Protractor执行端对端测试。

  8. ng help查看更多帮助文档。

参考资料
Angular Quick Start