Angular CLI 使用教程指南参考小结

2024-05-06 15:40:53

字体：大中小

来源：转载

供稿：网友

安装

要安装Angular CLI你需要先安装node和npm，然后运行以下命令来安装最新的Angular CLI：

注意：Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持。

npm install -g angular-cli

在 Mac 或 Linux 平台上，你可能需要添加sudo前缀提权进行全局安装：

sudo npm install -g angular-cli

基本用法

你可以通过 Angular CLI 的 help 命令来获取相关的命令信息.

ng help

Angular CLI的命令关键字为 ng

ng new

命令	描述
ng new <project-name> [options]	创建一个新的 Angular 项目,默认在当前所在目录下

参数	描述
--dry-run -d	只输出要创建的文件和执行的操作，实际上并没有创建项目
--verbose -v	输出详细信息
--skip-npm	在项目第一次创建时不执行任何npm命令
--name	指定创建项目的名称

ng serve

ng new PROJECT_NAMEcd PROJECT_NAMEng serve

将会自动在浏览器中打开默认地址 http://localhost:4200/. 运行之后如果你修改了程序源代码.应用将会自动重载.

你也可以自定义配置 IP, 端口和实时重载端口号

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

ng init

命令	描述
ng init <project-name> [options]	在当前所在目录下初始化一个新的 Angular 项目

参数	描述
--dry-run -d	只输出要创建的文件和执行的操作，实际上并没有创建项目
--verbose -v	输出详细信息
--skip-npm	在项目第一次创建时不执行任何npm命令
--name	指定创建项目的名称