• <tfoot id='7q8MT'></tfoot>

    <i id='7q8MT'><tr id='7q8MT'><dt id='7q8MT'><q id='7q8MT'><span id='7q8MT'><b id='7q8MT'><form id='7q8MT'><ins id='7q8MT'></ins><ul id='7q8MT'></ul><sub id='7q8MT'></sub></form><legend id='7q8MT'></legend><bdo id='7q8MT'><pre id='7q8MT'><center id='7q8MT'></center></pre></bdo></b><th id='7q8MT'></th></span></q></dt></tr></i><div id='7q8MT'><tfoot id='7q8MT'></tfoot><dl id='7q8MT'><fieldset id='7q8MT'></fieldset></dl></div>

    <small id='7q8MT'></small><noframes id='7q8MT'>

          <bdo id='7q8MT'></bdo><ul id='7q8MT'></ul>
        <legend id='7q8MT'><style id='7q8MT'><dir id='7q8MT'><q id='7q8MT'></q></dir></style></legend>
      1. 使用Angular CLI进行Build(构建)和Serve详解

        使用Angular CLI进行Build(构建)和Serve是开发Angular应用程序时必不可少的步骤,下面是详细的攻略:

            <tbody id='AWwWf'></tbody>
          • <legend id='AWwWf'><style id='AWwWf'><dir id='AWwWf'><q id='AWwWf'></q></dir></style></legend>

              • <bdo id='AWwWf'></bdo><ul id='AWwWf'></ul>

                  <tfoot id='AWwWf'></tfoot>
                  <i id='AWwWf'><tr id='AWwWf'><dt id='AWwWf'><q id='AWwWf'><span id='AWwWf'><b id='AWwWf'><form id='AWwWf'><ins id='AWwWf'></ins><ul id='AWwWf'></ul><sub id='AWwWf'></sub></form><legend id='AWwWf'></legend><bdo id='AWwWf'><pre id='AWwWf'><center id='AWwWf'></center></pre></bdo></b><th id='AWwWf'></th></span></q></dt></tr></i><div id='AWwWf'><tfoot id='AWwWf'></tfoot><dl id='AWwWf'><fieldset id='AWwWf'></fieldset></dl></div>
                1. <small id='AWwWf'></small><noframes id='AWwWf'>

                  使用Angular CLI进行Build(构建)和Serve是开发Angular应用程序时必不可少的步骤,下面是详细的攻略:

                  什么是Angular CLI

                  Angular CLI是一组用于Angular应用程序的命令行工具,可以帮助我们快速创建、构建和测试Angular项目,大大提高开发效率。

                  安装Angular CLI

                  使用Angular CLI之前,我们需要先安装它。可以使用以下命令行在全局安装:

                  npm install -g @angular/cli
                  

                  创建新的Angular项目

                  安装完成后,我们就可以创建新的Angular项目了。进入到想要创建项目的目录下,执行以下命令:

                  ng new my-app
                  

                  其中“my-app”为项目名称,可以替换为自己想要的项目名称。

                  运行Angular项目

                  在创建完项目之后,我们可以使用以下命令在本地运行Angular应用程序:

                  ng serve
                  

                  执行完上述命令后,Angular CLI将会启动一个默认端口为4200的http服务器,我们可以通过浏览器访问 http://localhost:4200 来查看我们的应用程序。

                  构建Angular项目

                  在开发完Angular应用程序后,我们需要将它构建成静态资源并且发布到生产环境。我们可以使用以下命令来构建项目:

                  ng build
                  

                  执行完以上命令后,Angular CLI将会构建我们的应用程序,并且生成一系列静态文件,这些文件将会被打包到dist目录下。我们可以使用以下命令来启动这些静态文件:

                  ng serve
                  

                  这个命令会起一个http服务器,它将会运行我们的应用程序。

                  示例说明

                  下面给出两个简单的例子来说明如何使用Angular CLI进行Build(构建)和Serve:

                  例子1:创建新的项目并且运行

                  1. 打开终端窗口,进入到项目存放目录

                  2. 执行以下命令

                  ng new my-project

                  创建一个名为“my-project”的新项目

                  1. 切换到项目所在目录

                  cd my-project

                  1. 启动项目

                  ng serve

                  执行完上述命令后,Angular CLI将会启动一个默认端口为4200的http服务器,我们可以通过浏览器访问 http://localhost:4200 来查看我们的应用程序。

                  例子2:构建Angular项目并且在生产环境中运行

                  1. 打开终端窗口,进入到项目存放目录

                  2. 执行以下命令

                  ng build --prod

                  执行完上述命令后,Angular CLI将会构建我们的应用程序,并且生成一系列静态文件,这些文件将会被打包到dist目录下。

                  1. 进入到dist目录

                  cd dist

                  1. 启动http服务器

                  http-server

                  执行完上述命令后,一个http服务器将会运行在默认端口8080上,我们可以使用浏览器访问http://localhost:8080来查看我们的应用程序。

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  下面是“背景图片自适应浏览器分辨率大小并自动拉伸全屏”的完整攻略。
                  下面是详细讲解“简单但很实用的5个CSS属性”的完整攻略:
                  以下是兼做美工之导航条制作过程分享的完整攻略:
                  JS 控制 CSS 样式表的方式主要有两种:通过修改样式属性来修改元素样式,以及通过切换 CSS 类名来切换元素样式。下面分别给出具体的步骤和示例说明。
                  实现首页动态视频背景,可以使用HTML5的video标签,下面是具体的示例代码和操作步骤:

                  1. <small id='kvZAY'></small><noframes id='kvZAY'>

                    <legend id='kvZAY'><style id='kvZAY'><dir id='kvZAY'><q id='kvZAY'></q></dir></style></legend>
                      <tfoot id='kvZAY'></tfoot>

                        <tbody id='kvZAY'></tbody>

                      • <bdo id='kvZAY'></bdo><ul id='kvZAY'></ul>

                          1. <i id='kvZAY'><tr id='kvZAY'><dt id='kvZAY'><q id='kvZAY'><span id='kvZAY'><b id='kvZAY'><form id='kvZAY'><ins id='kvZAY'></ins><ul id='kvZAY'></ul><sub id='kvZAY'></sub></form><legend id='kvZAY'></legend><bdo id='kvZAY'><pre id='kvZAY'><center id='kvZAY'></center></pre></bdo></b><th id='kvZAY'></th></span></q></dt></tr></i><div id='kvZAY'><tfoot id='kvZAY'></tfoot><dl id='kvZAY'><fieldset id='kvZAY'></fieldset></dl></div>