发表于: 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 就可以安装


有概率失败


收获:

有些时候看脸是真的无解


返回列表 返回列表
评论

    分享到