全局安装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项目相关推荐

全局Angular CLI版本大于本地版本
本文翻译自:Global Angular CLI version greater than local version When running ng serve I get this warning ...
Angular介绍、安装Angular Cli、创建Angular项目入门教程
场景 Angualr 是一款来自谷歌的开源的web 前端框架,诞生于2009 年,由Misko Hevery 等人创建,后为Google 所收购.是一款优秀的前端JS 框架,已经被用于Google ...
3、使用angular cli初始化一个新项目
新项目搭建 ng new命令新建项目首先到工作目录底下,然后使用ng new命令初始化一个新项目: ng new newProject // 后面跟的是项目名称命令执行结果如下: 这个命令会自动帮 ...
Angular 介绍、安装 Angular Cli、创建运行 Angular 项目
1.什么是Angular Angualr 是一款来自谷歌的开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购.是一款优秀的前端 JS ...
Ionic介绍以及搭建环境、新建和运行项目
场景 Ionic介绍 Ionic 是一个开源的移动应用程序开发框架,它可以轻松地使用web 技术构建高质量的跨平台的移动应用.可以让我们快速开发移动App.移动端WEB 页面.微信公众平台应用,混 ...
Ionic启动时提示:The Angular CLI requires a minimum Node.js version of eithor v10.13 or v12.0
场景在新建ionic项目后通过ionic serve 启动ionic项目时提示: The Angular CLI requires a minimum Node.js version of eith ...
angular cli 切换 css_漫谈 Angular 定制主题的四种方式
主题定制是提升用户体验最常见的一种,前端框架众多,主题定制方式却异曲同工,下面来介绍一下 Angular 中实现主题定制的四种方式. 1. webpack loader React 版本的 Ant D ...
Angular CLI 安装
安装Angular 官网的教程,因为国内网络环境原因,访问不了服务器,导致安装失败. 1.先安装NodeJs 安装教程:http://blog.csdn.net/zengmingen/article/ ...
angular cli + primeNG
目录: 1.安装 angular cli 2.创建项目 3.构建路由 4.新建组件 5.组件之间的通信 6.引入primeNG 7.修改primeNG组件样式 8.问题 -------------- ...
mac的angular/cli安装及踩坑记录
一.angular/cli的安装 step1:node+npm安装首先使用node -v命令查看mac是否已安装node与npm(如已安装则跳过) node -v npm -v 安装Node.js ...

新建angular-cli项目