Angular快速上手--启动篇01

0、前言

①首先我们要了解概念
关于Angular版本,Angular官方已经统一命名Angular 1.x统称为Angular JS;Angular 2.x及以上统称Angular;
CLI是Command Line Interface的简写,是一种命令行接口,实现自动化开发流程,比如:ionic cli、vue cli等;它可以创建项目、添加文件以及执行一大堆开发任务,比如测试、打包和发布。
要使用angular CLI首先要安装node.js和npm,安装过程请自行百度。

②随着技术的发展现在angular已经发展到了angular6,现在本篇angular快速上手使用的版本是version 6.1.4,配合https://angular.cn/tutorial/toh-pt2#style-the-heroes网站操作的操作过程。

1、设置开发环境

检查是否已经安装了node.js和npm
命令→cmd→node -v→npm -v
如果已经安装过了请安装angular CLI
命令→npm install -g @angular/cli

如下图所示

二、创建新项目

命令→cmd→ng new my-app【需要一些时间等待】

三、启动开发服务器
进入项目目录,并启动服务器。

cd my-app
ng serve --open

此时浏览器的这个网址就可以访问了http://localhost:4200/

猜你喜欢

转载自blog.csdn.net/Sicily_winner/article/details/81869026