📜  Angular CLI-ng run命令(1)

📅  最后修改于: 2023-12-03 14:39:12.841000             🧑  作者: Mango

Angular CLI ng run命令:方便高效的命令行工具

Angular CLI是官方提供的一款命令行工具,可以帮助程序员快速搭建Angular项目的框架结构以及开发环境。其中,ng run命令可以帮助实现对项目的编译、打包、测试等操作。以下是对ng run命令的介绍。

ng run命令格式

ng run命令的格式为:

ng run [project] [target] [options]

其中,

  • project:指定要运行的Angular项目名称,默认为"app"。
  • target:指定要运行的构建目标,如"build"、"test"等。
  • options:指定其他的选项,如"--prod"会构建生产环境的版本,"--watch"会监听文件变化并自动编译等。
ng run命令使用
运行项目

如果没有指定target,则默认运行项目,并自动启动一个开发服务器,以便在浏览器中查看项目的效果。直接执行以下命令即可:

ng run
打包构建

如果要对项目进行打包构建,则需要指定target为"build":

ng run [project]:build

执行后,会在项目根目录下生成一个"dist"文件夹,里面包含了所有打包后的文件。

运行单元测试

如果要运行单元测试,则需要指定target为"test":

ng run [project]:test

执行后,会自动运行项目的单元测试,并将结果输出在控制台上。

ng run命令实例

下面是一个实例:

ng run myapp:build --prod --watch

该命令会构建"myapp"项目的生产环境版本,并监听文件变化,以便在文件发生变化时自动构建。执行完成后,可以在项目根目录下的"dist"文件夹中找到构建后的文件。

总结

Angular CLI提供了丰富的命令行工具,方便了Angular程序员的开发工作。其中,ng run命令是一个非常实用的命令,可以帮助程序员实现项目的打包构建以及单元测试操作。通过以上介绍,相信大家已经对ng run命令有了基本的了解。