Angular 环境搭建

转载自  http://www.ngui.cc/news/show-30.html

基础要求

• Node.js

• Git

Angular 开发环境配置方式

• 基于 Angular Quickstart

  • https://github.com/angular/quickstart

• 基于 Angular CLI

  • npm install -g @angular/cli

配置开发环境

本快速入门教程，选用第一种配置方式搭建 Angular 开发环境：

基于 Angular Quickstart

• 使用 Git 克隆 quickstart 项目

git clone https://github.com/angular/quickstart ng4-quickstart

• 使用 IDE 打开已新建的项目 (本教程使用的 IDE 是 Visual Studio Code)

code ./ng4-quickstart

• 安装项目所需依赖

npm i

• 验证环境是否搭建成功

npm start

基于 Angular CLI

• 安装 Angular CLI (可选)

npm install -g @angular/cli

• 检测 Angular CLI 是否安装成功

ng --version

• 创建新的项目

ng new PROJECT-NAME

• 启动本地服务器

cd PROJECT-NAME
ng serve