1、Angular8环境搭建以及项目创建

前段时间要求学习Angular,想着先学Angular JS,很老的,被说现在8都出来了,于是赶紧学8,Angular1和2变化比较大,后面就比较稳定了,那就学新的吧,在公司学习,记下笔记然后回家再整理,方便巩固和复习,我是在Angular教程学习的,觉得教程很nice,而且2倍速观看特别有劲
一:环境
1:安装node.js
建议安装最新的稳定版本
在这里插入图片描述
安装好node.js后,cmd里执行 node -v 可以看到安装的版本,
在这里插入图片描述
node.js安装好后,会自动安装npm,同样执行npm -v查看
npm版本,但是npm非常慢,可以安装cnpm‘

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

建议安装cnpm,因为后面创建项目时,默认会安装依赖,npm安装依赖可能失败,而且很慢很慢,我这里就卡住了
在这里插入图片描述同样,安装好cnpm执行cnpm -v就可以看到版本号,说明安装好了

2:使用npm(或者cnpm)安装angular/cli

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

如果执行ng v,注意没有-,显示
在这里插入图片描述可以看到版本号等信息,那就说明环境搭建好了,可以创建angular项目了

二:创建项目
1:ng new 项目名称

ng new demo1

会问你是否添加路由,先选n,然后会让你选择css格式,上下箭头可以移动选择,然后回车,请耐心等待,别急别急,如果实在等不及了,卡住了,那就删掉重新创建,等提示successful就说明项目创建好了。
值得注意的是,命令执行后,会执行,

npm i

即安装依赖(主要就是安装package.json里面的模块),这个操作可能会失败,会卡住,所以建议用cnpm
2:使用cnpm
比较快而且不会失败的方法就是创建项目时跳过安装依赖,这时候项目会被创建好,但是不能运行,需要安装依赖,具体步骤如下
1)创建项目,跳过安装依赖

ng new demo1 --skip-install

这时项目很快就创建好了

2)进入demo1文件夹,通过cnpm安装依赖

cnpm install

在这里插入图片描述说明依赖已经安装好了,比npm快,稳定
2: 运行项目
等待项目创建完成,执行

ng serve --open

项目就会运行了,第一次运行可能比较忙,按ctrl+c终止项目,项目处于运行状态时,更改代码保存的话浏览器中会自动刷新,也比较方便
在这里插入图片描述项目运行后在浏览器中看到这个页面,恭喜你,掌握了基本的环境搭建和项目的创建

  • 3
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值