Angular CLI的简单使用(1)

参考地址: https://v2.angular.cn/docs/ts/latest/cli-quickstart.html

Angular CLI是一个命令行界面工具，它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布。

1. 请先在终端/控制台窗口中运行命令 node -v 和 npm -v, 如下图,没有安装的去安装NodeJS(https://nodejs.org/en/).

2. 然后全局安装 Angular CLI , 会下载一些东西，需要等一段的时间, 最后如果看见Success, 就说明下载成功了.

3. 创建项目,要下载很多的东西, 等一会, 出现Successfully, 说明下载成功.

4. 进入项目, 并启动server, 出现Complied successfully, 说明成功, 并且自动用默认的浏览器打开http://localhost:4200/ 页面

ng serve命令会启动开发服务器, 监听文件变化, 并在修改这些文件时重新构建此应用

转载于:https://www.cnblogs.com/xumBlog/p/10349168.html

Angular CLI的简单使用(1)相关推荐

使用Angular CLI从蓝本生成代码
第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 这篇文章主要是讲生 ...
angular cli 切换 css_漫谈 Angular 定制主题的四种方式
主题定制是提升用户体验最常见的一种,前端框架众多,主题定制方式却异曲同工,下面来介绍一下 Angular 中实现主题定制的四种方式. 1. webpack loader React 版本的 Ant D ...
使用Angular CLI创建一个Hello World级别的Angular应用
命令行ng new my-first-project, 会自动创建一个同名文件夹,stylesheet的实现,选择最简单的css即可. Angular CLI会在my-first-project文件夹 ...
如何在Windows上安装Angular：Angular CLI，Node.js和构建工具指南
In this tutorial, we'll learn how to install Angular CLI in Windows and use it to create an Angular ...
angular cli_使用Angular CLI连接到服务器的最佳方法
angular cli by Moshe Vilner 通过Moshe Vilner 使用Angular CLI连接到服务器的最佳方法 (The best ways to connect to the ...
Angular CLI 常用命令
Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular 的开发. 本文总结了在实际项目中经常会用到的 Angular CLI 命令. 获取帮助(ng -h ...
Angular14 Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题、emmet安装...
前提准备: 搭建好Angular开发环境 1 安装Visual Studio Code 教程简单,不会的去问度娘 2 安装Chrome浏览器教程简单,不会的趣闻度娘 3 Visual Studio ...
ng命令汇总：Angular CLI 使用教程指南参考
Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装要安装Ang ...
Angular CLI在线安装和离线安装
Angular CLI 安装方式默认已经安装了 Node.js 和 npm 包管理器. 1. 在线安装可以使用外网的情况下,可以使用在线安装的方式. 要使用 npm 命令全局安装 CLI,请打开终 ...

Angular CLI的简单使用(1)

Angular CLI的简单使用(1)相关推荐

最新文章

热门文章