新建angular-cli项目

本文介绍了如何全局安装AngularCLI,创建新的Angular项目,运行和构建项目。通过`npm install -g @angular/cli`进行全局安装,然后使用`ng new my-project`创建项目,`ng serve -o`启动并自动打开项目,`ng build`用于构建项目,最后部署时将dist目录内容上传至Web服务器。
摘要由CSDN通过智能技术生成

全局安装Angular CLI

npm install -g @angular/cli

新建Angular CLI项目

ng new my-project

在这里插入图片描述

运行项目

ng serve --open 命令会启动开发服务器、监视文件,并在这些文件发生更改时重建应用。
–open(或者只用 -o 缩写)选项会自动打开你的浏览器,并访问 http://localhost:4200/

ng serve -o

如果默认端口 4200 不可用,则可以使用端口标志指定另一个端口:

ng serve --port 4201

构建项目

ng build

此命令会创建一个 dist 文件夹,其中包含把你的应用部署到托管服务时所需的全部文件。

部署项目

把 dist/my-project-name 文件夹的内容复制到 Web 服务器。由于这些文件是静态的,因此你可以将它们托管在任何支持静态文件的 Web 服务器上。(例如 Node.js、Java、.NET 或任何后端

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值