全局安装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项目的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。