angular2学习1:用angular cli创建新项目

本文介绍了如何安装Angular CLI,并通过它在指定目录下创建Angular2应用项目。首先,确保Node.js和npm版本符合要求,然后安装TypeScript。接着,使用Angular CLI创建项目,安装依赖并配置环境。最后,进入项目目录运行应用,通过访问http://localhost:4200/在浏览器中查看运行效果。
摘要由CSDN通过智能技术生成

安装angular cli

  • 利用cmd窗口或是Windows自带的power shell 工具检查node.js与npm的版本,为了确保系统中 Node.js 的版本高于 6.x.x 且 npm 的版本高于 3.x.x,这里我用的是cmd:

  • 在这里插入图片描述
    第一步确认无误后,在命令行使用 npm 安装 TypeScript:
    输入 npm install -g typescript

  • 国内用户可以先安装cnpm再输入cnpm install -g @angular/cli这样不容易撞墙,安装率大大提高,当屏幕出现打印的angular cli以及版本信息后才算成功:
    在这里插入图片描述
    创建一个angular的应用项目

  • 如果想要在指定的文件下创建,可以打开文件在空白处按shift键同时右键,点击那个‘在此处打开命令窗口’运行cmd,或者在文件地址处输入cmd并按回车

  • 打开后输入ng new angular-test (ps:'angular-test’为项目文件名),程序会自动帮我们安装应用程序的所有依赖 (package.json中配置的依赖项)和配置环境在这里插入图片描述

  • 输入cd angular-test进入新建的目录

  • 输入ng serve运行在这里插入图片描述

  • 这时可以测试一下,打开浏览器,输入http://localhost:4200/ 运行

  • 完成在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值