Angular 环境搭建
1、 安装前准备工作:
1.1、 安装 nodejs
安装 angular 的计算机上面必须安装最新的 nodejs--注意安装 nodejs 稳定版本
1.2、 安装 cnpm
npm 可能安装失败建议先用 npm 安装一下 cnpm 用淘宝镜像安装
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
Hello Word
打开命令行工具找到你要创建项目的目录
2. 创建项目
ng new 项目名称
直接安装:
ng new angulardemo
如果要跳过 npm i 安装:
ng new angulardemo --skip-install
3. 运行项目
cd angulardemo
ng serve --open
常见错误:
npm 安装 angular/cli 失败
解决方案: 用 cnpm 安装
2、 创建项目 npm i 的时候失败
解决方案 1: ctrl+c 结束项目, cd 到项目里面, 用 cnpm i 安装依赖
解决方案 2: 创建项目的时候 --skip-install
3、 创建项目后用 npm i 或者 cnpm i 后项目没法运行
解决方案: 用 yarn 替代 cnpm 和 npm
1 cnpm instal @angular/cli (我的 npm 会报错);
2 ng new 的时候阻止自动安装 ng 包, 只创建 ng 目录
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 就可以安装