Angular CLI终极参考指南-运行

发布时间:2019-06-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Angular CLI终极参考指南-运行脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

运行项目

想在浏览器中查看项目,可以跳转到相应目录

$ cd my-app

运行

$ ng serve

在为4200端口上启动开发服务

** NG Live Development Server is running on http://localhost:4200. **
3935ms building modules
Hash: fd7ad6CF3503757e22e0
Version: webpack 2.1.0-beta.25
Time: 6526ms
            Asset       Size  Chunks             Chunk names
   main.bundle.js    2.78 MB    0, 2  [emITted]  main
 styles.bundle.js    10.2 kB    1, 2  [emitted]  styles
        inline.js    5.53 kB       2  [emitted]  inline
         main.map    2.86 MB    0, 2  [emitted]  main
       styles.map    14.1 kB    1, 2  [emitted]  styles
       inline.map    5.59 kB       2  [emitted]  inline
       index.htML  472 bytes          [emitted]
assets/.npmignore    0 bytes          [emitted]
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  2.81 kB       0
webpack: bundle is now VALID.

现在你可以在浏览器上输入http://localhost:4200/ 来访问你的项目@H_549_126@

Angular CLI终极参考指南-运行


启动过程中做了这些事情:

  1. Angular CLI从angular-cli.json加载依赖
  2. Angular CLI运行webpack来构建所有js与css代码
  3. Angular cli启动webpack dev server 在localhost:4200上浏览页面

注意:在执行完第三步以后,ng serve命令不会退出,并输出执行情况
与此同时,由于该进程有LiveReload的支持,TA会动态监听src目录下文件的更改,当发现有文件更新,重新运行第二步,并自动刷新浏览器
要停止此进程返回命令行,可以输入ctrl+c

脚本宝典总结

以上是脚本宝典为你收集整理的Angular CLI终极参考指南-运行全部内容,希望文章能够帮你解决Angular CLI终极参考指南-运行所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。