Angulars.js安装步骤(初学)

1.安装node.js

  • 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本)
  • 下载地址:https://nodejs.org/en/download

2.安装angular cli

  • 安装typescript(新建项目的时候会自动安装,此时也可以不进行安装):
    npm install -g typescript
  • 安装angular cli :
    npm install -g @angular/cli
  • 验证:
    ng version 出现版本信息即安装成功。
  • 注意:由于安装需要访问外网,速度可能慢导致失败,可以从淘宝镜像来进行安装
    npm config set registry https://registry.npm.taobao.org 
    再安装cnpm代替npm命令:npm install -g cnpm
    再安装angular cli:cnpm install -g @angular/cli

3.创建新项目:

  • 在终端中,进入想要创建项目的地址执行 :ng new 项目名称
  • 执行完该命令后会下载相应的npm包,耐心等待
  • 注意:执行ng new first-app后会有一段提示说【'git' 不是内部或外部命令,也不是可
    运行的程序或批处理文件。】,这个和本地没有安装git有关,但是不会影响项目。

4.运行项目:

  • 在终端中进入项目所在文件夹:cd 项目名称;
  • 然后执行ng serve(注意不是server),服务启动了,访问http://http:localhost:4200,能访问到即项目搭建成功。
    ctrl+c命令退出指定状态,可以关闭服务(很多命令和linux下的较为相似)

5.至此,一个angular项目就可以跑起来了。(效果图)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

崽崽的谷雨

漫漫前端路,摸爬滚打

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值