新建angular-cli项目

2021/9/9 23:34:59

本文主要是介绍新建angular-cli项目,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

全局安装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 或任何后端



这篇关于新建angular-cli项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程