发表于: 2019-11-05 23:23:02
1 890
今天完成的事情:
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
Angular 创建项目
1. 打开命令行工具找到你要创建项目的目录
2. 创建项目
ng new 项目名称
直接安装:
ng new angulardemo
如果要跳过npm i 安装:(npm install安装依赖用的外网,所以比较慢,使用cnpm安装快一些,但是大佬说用npm好些)
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
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 就可以安装
有概率失败
收获:
有些时候看脸是真的无解
评论