Angular 开发环境配置方式

配置开发环境

本快速入门教程，选用第一种配置方式搭建 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