开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

手动重启` `ng build --watch`或` `ng serve`

手动重启ng build --watch或ng serve是指在使用Angular框架进行前端开发时，通过命令行手动重新构建和启动应用程序的过程。

ng build --watch命令用于构建Angular应用程序，并在文件更改时自动重新构建。它会监视项目文件的变化，并在检测到更改时重新构建应用程序。这对于开发过程中实时预览和调试非常有用。

概念：ng build --watch是Angular CLI提供的一个命令，用于构建Angular应用程序并监视文件更改。
分类：前端开发工具。
优势：能够实时监测文件更改并自动重新构建应用程序，提高开发效率。
应用场景：适用于使用Angular框架进行前端开发的项目，特别是需要频繁修改和调试代码的场景。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）。
产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos

ng serve命令用于启动开发服务器，以便在本地进行开发和调试。它会自动构建应用程序，并在浏览器中提供一个开发环境，可以实时查看应用程序的变化。

概念：ng serve是Angular CLI提供的一个命令，用于启动开发服务器并提供实时预览和调试功能。
分类：前端开发工具。
优势：能够快速启动开发服务器，提供实时预览和调试功能，方便开发人员进行前端开发工作。
应用场景：适用于使用Angular框架进行前端开发的项目，特别是需要在本地进行实时预览和调试的场景。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）。
产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos

请注意，以上答案仅供参考，具体的推荐产品和链接地址可能需要根据实际情况进行调整。

相关搜索:如何使用ng库让“ng serve”等待“ng build”完成？ng build --与运行ng serve时相比，prod Angular 8 CSS渲染问题为什么Firestore数据检索在ng-serve版本中有效，但在ng-build版本中失败 ng测试和ng serve失败，并显示“发生未处理的异常:无效或意外的token”如何处理数组(或手动处理ng-repeat)？如果VSTS Workspace版本为服务器，则ng build watch不起作用 Angular 7应用部署ng build不理解--目标或--环境使用ng serve时出现Angular8错误:找不到模块“@angular-devkit/build-angular”使用ng serve或npm start时，Angular 4将无法识别位于资源/图像文件夹中的某些图像什么是Nodejs

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

使用Angular CLI进行Build (构建) 和 Serve

下面运行程序: ng serve -o: ? 可以看到在ng serve的时候, 加载了上述的文件. 因为ng build是开发时的build, 所以没有做任何优化, 文件挺大的....ng build --dev ng build --dev -e=dev ng build --target=development --environment=dev 下面则是生产build: ng...-sm 生成source map --aot Ahead of Time编译 --watch -w Watch并rebuild --environment -e Build环境 --target -t...Serve. ng serve....生产模式build的文件试试 --prod: ng serve --prod ?

2.3K7 0

Angular CLI 简介

不过以后还是需要手动执行npm install的....因为ng build是开发时的build, 所以没有做任何优化, 文件挺大的. 这时看一下文件目录, 并没有dist目录: 那么这些文件是怎么被serve的呢?...-sm 生成source map --aot Ahead of Time编译 --watch -w Watch并rebuild --environment -e Build环境 --target -t...Serve. ng serve....生产模式build的文件试试 --prod: ng serve --prod 通过文件大小可以看出确实是prod build的. ng eject.

6K11 0

docker学习系列19 容器化Angular项目

/usr/src/app # start app 根据实际情况修改配置 # CMD ng serve --host 0.0.0.0 CMD ng serve --port=4201 --proxy-config...该目录是在docker build构建阶段创建的，在Run启动阶段需要手动挂载该目录。...docker-compose相关命令 # build镜像并后台启动 docker-compose up -d --build docker-compose run angular-demo ng test...--watch=false ng e2e docker-compose stop 生产环境创建一个生产环境用的Docker配置文件，Dockerfile-prod #################.../usr/src/app # run tests RUN ng test --watch=false # generate build RUN npm run build ############

1.6K6 0

Angular CLI 使用教程指南参考

serve ng new PROJECT_NAME cd PROJECT_NAME ng serve 将会自动在浏览器中打开默认地址 http://localhost:4200/....ng build可以指定构建目标（--target = production或--target = development）和要与该构建一起使用的环境文件（--environment = dev或--environment...# 这是开发构建 ng build --target=development --environment=dev ng build --dev --e=dev ng build --dev ng build...--watch 继续运行测试....输出cli版本, node 版本和操作系统信息参数描述 --watch 继续运行测试.

3K5 0

Angular-Cli脚手架介绍、安装并搭建项目

快速上手在线演示第一个本地实例手动安装其他 NG-ZORRO 致力于提供给程序员愉悦的开发体验。...$ ng serve --port 0 --open image.png 使用web工具打开项目我这里使用HBuilder来打开项目,其他工具也行 image.png ng serve 命令会启动开发服务器...注意: 如果启动后出现 Error: spawn xxxx ENOENT 那么可能就是你环境变量没配好,或者是你刚下载了node配置了环境而没重启电脑 360游览器好像不支持使用Angular 谷歌我试了是支持的...,其他的游览器我没试过构建和部署# $ ng build --prod 文件会被打包到 dist 目录中。...手动安装# 如果想自己维护工作流，理论上你可以利用 Angular 生态圈中的各种脚手架进行开发，如果遇到问题可参考我们所使用的配置进行定制。

2K3 0

Angular-内存溢出的问题

本项目用的是angular6搭建，用动态组件的形式来显示页面，之前遇到过因为内存溢出而导致无法aot的问题， Angular4以上的该方法都适用解决方法：手动改写内存上限修改目录: my-project...": "ng", "start": "ng serve --host 0.0.0.0 ", "start-un-live": "ng serve --host 0.0.0.0 --port...4201 --live-reload false", "build": "ng build", "test": "ng test", "lint": "ng lint",..."e2e": "ng e2e", "build-prod": "node --max_old_space_size=8192 ..../node_modules/@angular/cli/bin/ng build --prod --build--optimizer --base-href /pms/" }, "private"

2.3K2 0

Angular CLI 常用终端操作命令

CLI常用命令 ---- ng new project-name - 创建一个新项目，置为默认设置 ng build - 构建/编译应用 ng test - 运行单元测试 ng e2e - 运行端到端（...end-to-end）测试 ng serve - 启动一个小型web服务器，用于托管应用 ng deploy - 即开即用，部署到Github Pages或者Firebase 组件| ng g...您可以在创建或初始化项目时使用该--routing选项ng new来创建app-routing.module.ts文件。...CLI 构建正式服务器打包文件和测试环境文件还有本地文件 ---- ng build 可以同时指定要与该构建（或）一起使用的构建目标（ --target...serve --proxy-config loca.conf.json "scripts": { "start": "ng serve --proxy-config loca.conf.json

2.1K4 0

Angular 2.x折腾记：(1)初识Angular-cli及脱坑要点

及python2+ 采用国内的cnpm安装记得带版本号，有时候不带版本会安装0.0.1版本,cnpm好像会把编译好node-sass装上，不用本地再次编译 -- 亲测多次可用安装windows-build-tools...-format可以帮助格式和修复部分问题启动 ng serve：启动脚手架服务，默认端口4200；自定义什么看帮助额打包 ng build: 开发模式打包，调用的环境文件是/src/environments.../environments.ts; ng build --prod: 以前调用aot打包还需要带上--aot,从beta31开始，--prod模式下自动调用aot打包，调用的环境文件是/src/environments...有时候我们想要改源文件或者看到原始配置是怎么样的这货就用到了生成的目录树小解释总结这个脚手架支持sass和less，手动改下.angular-cli.json就可以了。...ng serve --proxy-config proxy.conf.json配置反向代理(用webpack)这个老版本是支持的，现在不知道支不支持，写法如下 { "/": { "target

1421 0

使用Angular CLI生成 Angular 5项目

不过以后还是需要手动执行npm install的. 使用--help参数可以查看帮助: ng new --help ? 下面我要生成一个项目, 先不执行npm install: ?...scripts下面是一些预定义的项目命令: start 是运行项目的意思, 执行npm start即可, 或者直接执行ng serve也可以. npm build / ng build 是执行构建......如果想手动为项目配置路由的话, 还是需要一些步骤的, 所以可以使用这个参数直接生成带路由配置的项目. 看一下项目路由文件: ? 再查看一下app.module: ?...里面有node_modules目录了, 也就是所有的包都安装好了, 接下来我可以运行该项目了: ng serve -o 其中的-o(--open)参数表示运行项目的时候打开默认浏览器. ?...ng serve的优点是, 当代码文件有变化的时候会自动重新构建并且刷新浏览器, 您可以试一下. 另外一种配置CLI的方法 ng set.

1.9K3 0

Angular 多项目管理

那么，我们就可以在 package.json 上看到默认的启动和构建命令行： { "scripts": { "start": "ng serve", "build": "ng build..." } } 实际上，它等同于运行了： { "scripts": { "start": "ng serve jimmy-demo", "build": "ng build jimmy-demo...angular.json 就是默认导出了该项目： "defaultProject": "jimmy-demo" 很好，现在我们知道了，我们运行 ng serve 是运行导出的默认的文件。...运行 ng serve jimmy-demo 是运行执行的 jimmy-demo 文件。...然后我们再更改下 package.json 的启动命令行： { "script": { "startApplication": "ng serve $APPLICATION", "start

2533 0

Angular 2 + 折腾记：(1)初识Angular-cli及脱坑要点

及部分模块需要调用这两个依赖进行编译] 或者采用国内的cnpm安装,记得带版本号，有时候不带版本会安装0.0.1版本，cnpm好像会把编译好node-sass装上，不用本地再次编译 -- 亲测多次可用或者安装windows-build-tools...ng lint 调用tslint跑整个项目，可以收获一堆警告和错误，--force --fix --format可以帮助格式和修复部分问题 ---- 启动 ng serve：启动脚手架服务，默认端口...4200；自定义什么看帮助额 ---- 打包 ng build: 开发模式打包，调用的环境文件是/src/environments/environments.ts; ng build --prod: 以前调用...---- 总结这个脚手架支持sass和less，手动改下.angular-cli.json就可以了。...ng serve --proxy-config proxy.conf.json配置反向代理(用webpack)这个老版本是支持的，现在不知道支不支持，写法如下 { "/": { "target

1.8K1 0

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

常用命令的通用关键参数解释 1.ng serve --host (self) 指定本地Server绑定的域名，默认值：localhost.如果希望使用self来访问你的站点，须加入以上参数 2.ng serve...serve --aot 开启aot 4.ng serve --proxy-config proxy.conf.json 指定后台转发地址，即nginx的proxy_pass代理功能。...--base-href 指定站点的起始路径，如果你希望你的站点根路径为www.abc.com/mypath/，需要这样设置：ng build --base-href /mypath/ 6....下面两条等价： ng build --target=production ng build --prod 7.--environment 指定应用执行环境。...下面两句等价： ng build --environment=prod ng build --env=prod 构建时会加载angular-cli.json指定的环境配置文件： "environments

1.6K3 0

Angular命令

node -v 检查node.js安装 npm -v 检查npm安装 npm install -g @angular/cli 安装CLI ng new my-app 创建工作空间并初始化应用...ng serve 运行应用 ng help 命令帮助 ng generate –help 命令帮助 ng add 添加包到项目中 ng build 编译发布 ng build –base-href.../angular/my-test-app/ 指定子目录 ng config 添加配置信息 ng generate component video/video 创建组件 ng generate...module demo 创建模块 ng generate enum video/GENRE 创建枚举类型 ng generate class video/video 创建类 ng generate...service service/Logger 创建服务 ng generate directive my-directive 新建指令 ng generate pipe my-pipe 新建管道

8682 0

前端开发工程化之angular打造spa应用

直接写在这个文件即可）使用 bower install下载依赖到本地bower_components文件夹下（3）package.json （grunt构建依赖的组件描述文件，如grunt-contrib-watch...，grunt-contrib-cssmin等）使用npm install 下载依赖到本地node_modules文件夹下（4）Gruntfile.js （grunt构建任务描述文件，如，serve，...build） 5.angular的常用相关概念 controller: 视图控制器，作用于一对标签内的视图 service ：注册服务（Factory，Service，Provider），可在Controller...,ng-class,ng-repeat,ng-bind,ng-click,ng-show,ng-hide等等） constant ：全局常量对象，定义配置内容 $scope : controller... https://github.com/danialfarid/ng-file-upload angular扩展大全 https://github.com/angular-ui 其中 http://

1614 0

玩转 Angular 环境变量

build --prod 那么有的同学，可能想到对于构建测试环境的包，是不是只要运行： $ ng build --test 想象中很完美，但实际上并不是这样，ng build 命令并不支持 --test...参数，感兴趣的同学可以运行 ng build --help 命令查看 ng build 命令所支持的参数： usage: ng build [options] options:...其实 ng build 命令支持很多的参数，上面我们只是列出了常用的几个。...不过与 ng build 命令一样，我们也需要配置一下 angular.json 文件： "serve": { "builder": "@angular-devkit/build-angular:...}, 之后，我们就可以在命令行运行以下的命令，来启用测试环境： $ ng serve --configuration=test 总结本文简单介绍了 Angular 项目中，environment.ts

3.2K2 0

使用Angular CLI进行单元测试和E2E测试

首先执行ng test --help或者ng test -h查看帮助. 执行测试的话就执行ng test即可, 它会执行项目里所有的.spec.ts文件....下面我再添加几个components 和一个 admin module: ng g c person ng g c order ng g m admin --routing ng g c admin/...single-run -sr 执行测试, 但是不检测文件变化默认不开启 --progress 把测试的过程输出到控制台默认开启 --sourcemaps -sm 生成sourcemaps 默认开启 --watch...常用的参数有: --config -c 指定配置文件默认是 protractor.conf.js --element-explorer -ee 打开protractor的元素浏览器 --serve -...s 在随机的端口编译和serve 默认true --specs -sp 默认是执行所有的spec文件, 如果想执行某个spec就使用这个参数, 默认是all --webdriver-update -wu

2.8K7 0

关于package.json 的script标签使用以及和npm的关系

{ "name": "ng2", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng...", "install": "napa", "start": "ng serve", "abc": "ng generate component MyGridApplication...", "build": "ng build", "test": "ng test", "lint": "ng lint", "modernizr...这样就执行了ng generate component MyGridApplication指令或者也可以npm run ng generate component...MyGridApplication这样相当于执行了 script里面的ng指令 ---- sivona

7532 0

Angular CLI命令

ng 基础命令 npm install –g @angular/cli npm install -g @angular/cli@latest ng serve –prot –aot 启动项目并压缩项目文件...ng build 项目打包命令，也可以加上–prot –aot 新建项目 ng new 项目名称它将运行一段时间，进行npm依赖的安装，安装成功后我们将看到 Installed packages...运行应用 ng serve 编译并运行应用，如果一切正常会出现以下信息 ? 如果出现 ?...端口被占用错误，请使用 ng serve --port 4211 //4211为替换默认4200的端口出现以下消息表示运行成功： ?...制作Component（组件）执行命令创建组件 ng generate component hello-world 创建好后： ?

9192 0

再谈angularJS数据绑定机制及背后原理—angularJS常见问题总结

） XHQ响应事件（$http）浏览器Location变更事件，即Url中hash部分变更（$location） Timer事件（$Timeout,$interval）手动调用$apply或$digest...$watch()。每个 $watch 记录了上一次表达式的值。有 ng-bind="a" 即有 $scope.$watch('a', callback)，而 $scope.... 对于这种会反复隐藏、显示的元素，通常人们第一反应都是使用 ng-show 或 ng-hide 简单的用 display: none 把元素设置为不可见。...如果将 ng-show 替换为 ng-if 或 ng-switch-when [[Tab 1 body...]]...angularjs里比较重要但又很少手动调用的要属$compile服务了，通常在写组件或指令时，都是angularjs自动编译完成的，但有时我们可能需要手动编译，比如封装一个table组件，根据参数实现自定义渲染

7.8K4 0

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

其功能集包括对应用程序监视，微服务/进程的高效管理，运行应用程序集群模式以及应用程序的正常重启和关闭的支持。此外，它还支持轻松管理应用程序日志等等。...$ sudo apt install build-essential [On Debian/Ubuntu] # yum install gcc-c++ make [On CentOS...$ 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.9K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭