首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular CLI ng serve with --base-href -I不理解它的行为

Angular CLI是一个用于快速开发Angular应用程序的命令行界面工具。ng serve是Angular CLI提供的一个命令,用于启动开发服务器并在本地运行应用程序。

--base-href是ng serve命令的一个选项,用于指定应用程序的基本URL路径。基本URL路径是指在浏览器中访问应用程序时的URL前缀。默认情况下,基本URL路径是根路径"/"。通过使用--base-href选项,可以自定义基本URL路径。

-I是ng serve命令的一个选项,用于在启动开发服务器时忽略缓存。当应用程序代码发生更改时,开发服务器会自动重新编译和重新加载应用程序。使用-I选项可以确保每次重新加载应用程序时都会获取最新的代码。

关于ng serve命令的行为,它会启动一个开发服务器,监听指定的端口(默认为4200),并将应用程序的文件提供给浏览器。当有文件更改时,开发服务器会自动重新编译应用程序,并通过热模块替换技术实时更新浏览器中的应用程序。

使用ng serve命令可以方便地进行开发和调试,可以在开发过程中实时查看应用程序的变化。它还提供了一些其他选项,如--port用于指定服务器端口,--open用于自动在浏览器中打开应用程序等。

对于这个问题,腾讯云提供了一个与Angular相关的产品,即腾讯云静态网站托管(Static Website Hosting)。它可以帮助开发者将Angular应用程序部署到云端,并提供高可用性和可扩展性。您可以通过以下链接了解更多关于腾讯云静态网站托管的信息:https://cloud.tencent.com/product/scf

请注意,以上答案仅供参考,具体的行为和效果可能会受到不同版本的Angular CLI和相关配置的影响。建议在实际使用时参考官方文档或相关资源进行深入了解和使用。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • angular-cli.json配置参数解释,以及依稀常用命令通用关键参数解释

    一. angular-cli.json常见配置 { "project": { "name": "ng-admin", //项目名称 "ejected": false // 标记该应用是否已经执行过...常用命令通用关键参数解释 1.ng serve --host (self) 指定本地Server绑定域名,默认值:localhost.如果希望使用self来访问你站点,须加入以上参数 2.ng serve...--hmr 注意开启之后,只是在angular-cliwebpack添加必要扩展,等价于webpack-dev-server --hot,还需要在应用代码里处理hmr逻辑,如可在main.ts里添加...--base-href 指定站点起始路径,如果你希望你站点根路径为www.abc.com/mypath/,需要这样设置:ng build --base-href /mypath/ 6....下面两句等价: ng build --environment=prod ng build --env=prod 构建时会加载angular-cli.json指定环境配置文件: "environments

    1.6K30

    Angular 工具篇之npx及angular-cli-ghpages

    angular-cli-ghpages 这个工具,是用于帮助 Angular CLI 用户快速发布 Angular 应用到 Github Page。...这是构建工具(如 Create React App 或 webpack CLI)所使用方式。确保你始终使用最新版本生成器或构建工具,而无需在每次使用它时进行升级。...首先你需要运行一下命令安装 angular-cli-ghpages: $ npm i angular-cli-ghpages --save-dev 假设你已经完成项目的开发,在发布到 Github Pages...前,你需要进行项目构建,这时你可以执行以下命令: $ ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY_NAME/"...或者使用以下命令: $ ng build --prod --base-href "/REPOSITORY_NAME/" 在项目构建完成后,就可以通过以下命令自动地把本地项目发布到 Github Pages

    1.9K20

    使用 Github Actions 自动部署 Angular 应用到 Github Pages

    整个项目中所涉及 npm 命令,我们可以通过查阅项目的 package.json 文件中 scripts 节点进行查看 这里通过 Angular CLI 创建项目可以通过 ng build 命令来完成项目的打包发布...应用来说,我们完全可以使用社区提供 angular-cli-ghpages 插件来简化这个操作 首先我们需要通过 npm 将插件安装到需要部署程序中 ng add angular-cli-ghpages...deploy --base-href=/ingos-admin/ 在之前学习 angular 中路由时有提到,在 angular 应用中,框架会将 index.html 文件中 base 标签 href...start": "ng serve", "build": "ng build", "deploy": "ng deploy --base-href=/ingos-admin/",...,angular-cli-ghpages 没办法知道具体执行人是谁,因此,我们需要在 ng deploy 命令中添加上 git 账户相关配置参数 { "name": "ingos-admin",

    1.4K10

    如何在 Windows 上安装 AngularAngular CLI、Node.js 和构建工具指南

    什么是 Angular CLIAngular CLI 是用于初始化和使用 Angular 项目的官方工具。使您免于复杂配置和构建工具(如 TypeScript、Webpack 等)麻烦。...但 Angular 不依赖 Node.js,除了 CLI 工具和从 npm 安装包。 NPM 代表Node包管理器。它是托管 Node 包注册表。...请参阅https://update.angular.io/ version (v): 输出 Angular CLI 版本。 xi18n: 从源代码中提取 i18n 消息。...因此,您不需要安装本地服务器来为您项目提供服务 —您可以简单地从终端使用 ng serve 命令在本地为您项目提供服务。...首先导航到项目的文件夹中并运行以下命令: $ cd frontend $ ng serve 您现在可以导航到 http://localhost:4200/ 地址来开始使用您前端应用程序。

    46600

    几个简单步骤教你在GitHub Pages上部署Angular应用!

    首先,您需要将代码放在本地存储库中,位于github.com远程存储库中,因此,如果您没有GitHub帐户,则需要立即创建。 然后,登录到GitHub帐户并创建一个存储库,您将在其中上传本地代码。...因此,在使用git bash窗口中base-href选项中网站URL运行以下命令,以在docs文件夹中生成可分发文件。...ng build - -prod –base-href=” https://username.github.io/respository-name/” 请注意,用户名和存储库名称将是您GitHub用户名和存储库名称...todo-app链接:https://sanjaysaini2000.github.io/angular-todo-app/(我不得不创建另一个名为angular-todo-app存储库,因此请不要与本网站...您可以使用另一种方法将Angular应用程序部署在GitHub Pages上—使用angular-cli-ghpages软件包。

    1.8K20

    Angular CLI 创建你第一个 Angular 示例程序

    希望创建工作区和初始化应用项目: 运行 CLI 命令 ng new,并提供一个名字 my-app,如下所示:ng new my-app ng new 会提示你要把哪些特性包含在初始应用项目中。...初始应用项目是一个简单 "欢迎" 应用,随时可以运行。...使用 CLI 命令 ng serve 启动开发服务器,并带上 --open 选项。...cd my-app ng serve --open ng serve 命令会自动启动服务器,并监视你文件变化,当你修改这些文件时,它就会重新构建应用。...你可以在你启动命令上添加一个参数 --port,将上面的 ng serve --open 修改为 ng serve --open --port 4100, 这个命令将会对你第一个 Angular 项目进行编译后部署启动

    1.2K40

    Angular 6.x 指令快速入门

    阅读须知 本系列教程开发环境及开发语言: Angular 6.x Angular CLI TypeScript 基础知识 Angular CLI 基本使用 安装 Angular CLI (可选) $...npm install -g @angular/cli 创建新项目 $ ng new project-name 启动本地服务器 $ cd project-name $ ng serve Angular...指令简介 Angular 指令分为三种: 组件(Component):用于构建UI组件,继承于 Directive 类 属性指令(Attribute Directive):用于改变组件外观或行为...这些属性包括 index 和一个特殊属性名 $implicit (隐式变量) let-i 变量是通过 let-i="index" 来定义。...Angular 把它们设置为上下文对象中 index 属性的当前值。 let-item 并没有指定其上下文属性。来源是隐式

    3.2K40

    使用Angular CLI生成 Angular 5项目

    Angular CLI 官网: https://github.com/angular/angular-cli 安装angular cli: npm install -g @angular/cli 不过首先要确保您安装了比较新版本...scripts下面是一些预定义项目命令: start 是运行项目的意思, 执行npm start即可, 或者直接执行ng serve也可以. npm build / ng build 是执行构建......ng serve优点是, 当代码文件有变化时候会自动重新构建并且刷新浏览器, 您可以试一下. 另外一种配置CLI方法 ng set....前面我介绍了使用ng new参数和修改angular-cli.json文件方式来配置cli, 下面我介绍下通过ng set 来配置cli....下面执行ng lint --fix: ? 执行后lint错误减少到了一个, 看下代码: ? 接下来还会写几篇angular cli文章.

    1.9K30

    Java开发环境系列:前端利器angular安装与使用

    cli npm install -g @angular/cli 4、创建新项目 打开终端窗口,执行命令 ng new my-app 5、启动开发服务器 cd my-app ng serve --open...ng serve命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。...本应用会用一条消息来跟你打招呼: The app works 6、编辑我们第一个angular组件 这个CLI为我们创建了第一个Angular组件。 它就是名叫app-root根组件。 你可以在..../src/app/app.component.ts目录下找到。 打开这个组件文件,并且把title属性从 app works!...改为 My First Angular App : export class AppComponent {   title = 'My First Angular App'; } 浏览器会自动刷新,而我们会看到修改之后标题

    92620

    Angular CLI 常用终端操作命令

    ip接口地址, 4201代表访问端口号 49153 代表热重载端口号 ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153...关于CLI生成路由 ---- CLI以多种方式支持路由: 初始化创建项目时,自动添加了 @angular/router ,自动添加到package.json 文件中 生成模块路由时候可以使用指令...--environment=dev--environment=prod 可以在 angular-cli.json 该文件中配置映射编译环境路径 //angular-cli.json...//cmd命令 //编译 angular-cli.json 文件配置 传参数来编译不同服务端文件如执行下面命令编译是json文件中 envuronments.loca 配置文件路径...更多angular-cli配置 https://github.com/angular/angular-cli/wiki 组件| ng g component my-new-component 指令|

    2.1K40

    一个Angular 5教程:一步一步指导实现你第一个Angular 5应用程序

    另一件要提到事情是Angular CLI和它Webpack负责编译TS到JS,所以你不应该让IDE为你编译。...一旦安装了它们,我们将通过运行以下命令来安装Angular CLI: npm install -g @angular/cli 安装成功后,我们可以通过运行以下ng new命令来生成一个新项目: ng new...完成之后,我们可以通过ng serve耗尽其目录来请求我们新应用程序: ng serve ** NG Live Development Server is listening on localhost...我们正在将我们应用程序构建为可以从任何Web服务器提供静态资产(如果您想从子目录提供服务ng build,请选择--base-href)。...(例如俄语)提供服务ng serve --aot --locale=ru --i18n-file=src/messages.ru.xlf。

    42.6K10

    如何使用Angular CLI和PM2运行Angular应用程序

    Angular CLIAngular框架命令行界面,用于在开发过程中在本地创建,构建和运行应用程序。 旨在在开发服务器上构建和测试Angular项目。...#install PM2 第3步:使用Angular CLI创建Angular项目 现在进入服务器webroot目录,然后使用Angular CLI创建,构建和提供Angular应用程序(称为sysmon-app...$ cd /srv/www/htdocs/ $ sudo ng new sysmon-app #follow the prompts 创建新角度应用程序 接下来,进入刚刚创建应用程序...$ cd sysmon-app $ sudo ng serve 使用Angular CLI提供Angular App 从ng serve命令输出中,您可以看到Angular应用程序未在后台运行,您无法再访问命令提示符...$ pm2 start "ng serve" --name sysmon-app 永远运行Angular App 接下来,要访问应用程序Web界面,请打开浏览器并使用地址http://localhost

    2.9K40
    领券