使用Angular Cli创建运行Angular项目

一、Angular环境搭建

1、安装前准备工作

1.1、安装node.js
安装angular的计算机上面必须安装最新的node.js–注意安装nodejs稳定版本

1.2、修改镜像

建议使用淘宝镜像安装 https://npm.taobao.org/

npm install -g cnpm --registry=https://registry.npm.taobao.org

2、使用 npm/cnpm 命令全局安装angular/cli （只需要安装一次）

npm install -g @angular/cli     或者    cnpm install -g @angular/cli

二、创建angular项目

1.打开命令行工具找到你要创建项目的目录

2.创建项目
ng new 项目名称

直接安装：ng new angulardemo

如果要跳过npm i安装：ng new angulardemo --skip-install

3.运行项目

cd angulardemo

ng serve --open

// 成功打开项目就表示创建成功

三、Angular环境搭建以及创建项目的时候可能遇到的错误

1、npm安装angular/cli失败

解决方案：用 cnpm 安装

2、创建项目 npm i 的时候失败

解决方案1：ctrl+c结束项目，cd到项目里面，用 cnpm i 安装依赖

解决方案2：创建项目的时候 --skip-install

ng new my-app --skip-install 

cd my-app

cnpm install   /   yarn

3、创建项目后用npm i 或者 cnpm i后项目没法运行

解决方案：用yarn 替代 cnpm和npm

1 cnpm instal @angular/cli (我的npm会报错)；

2 ng new 的时候阻止自动安装ng包，只创建ng目录
ng new my-app --skip-install

3 安装yarn npm install -g yarn / cnpm install -g yarn

4 进入目录my-app 使用yarn 安装ng所依赖的包 yarn

注意：yarn 命令 等同于 npm install / cnpm install 使用yarn前提是先安装yarn ,安装使用 cnpm install -g yarn 就可以安装