安装 angular-cli

  1. npm install @angular/cli -g

创建应用

  1. // 创建精简的 Angular 应用，不包含单元测试文件等
  2. ng new angular-test --minimal --inlineTemplate false --inlineStyle false --style scss --routing --skip-install
  4. // 参数列表
  5. --minimal                                 // 不加单元测试
  6. --inline-template false        // 将组件模板生成一个单独的文件
  7. --skipGit true                        // 不会初始化 git 仓库
  8. --skip-install                        // 不会自动按照依赖
  9. --style css                                // 当前这个项目使用什么来编写样式，默认为 css 
  10. --routing                                  // 是否创建路由文件
  11. --inline-style false            // 将组件样式生成一个单独的文件
  12. --prefix                                    // 修改组件的默认前缀 app 的时候使用
  • 图一是 ng new angular-test 创建的，什么都有
  • 图二是加 —minimal 没有单元测试文件，组件类，组件模板、组件样式被放在了一个文件当中
  • 图三是把 —inlineTemplate false 把组件模板单独抽离出来

58.png59.png
60.png

运行应用：npm start || ng serve

  • —open 应用构建完成后再浏览器中打开
  • —hmr 开启热更新
  • hmrWarning=false 禁用热更新警告
  • —port 更改应用运行端口
  • 访问应用：http://localhost:4200/

3.png