windows配置Angualr2步骤

本文档详述了在Windows10系统中使用Phpstorm配置Angular2的步骤。首先,从node.js和Angular官网下载最新版本,然后解压并用Phpstorm打开Angular框架。在Terminal中安装Angular CLI工具,并通过ng new命令新建项目。接着,进入项目文件夹运行ng serve启动服务。若遇到localhost拒绝连接,可能需要重新配置网络服务。
摘要由CSDN通过智能技术生成

环境:装有windows10系统PC一台

软件:Phpstorm

  1. 去node官网https://nodejs.org/en/ 下载最新的node和Angualr官网https://code.angularjs.org/下载最新的Angular版本
  2. 将下载好的两个文件解压
  3. 用Phpstorm打开Angular框架

打开Phpstorm中的Terminal

下载Angular CLI工具:在命令行输入npm install -g angular-cli@latest

等待安装完成。

新建一个名为"hello-angular"的项目:在命令行输入ng new hello-angular

等待创建完成。点开/angular-1.7.8,就会发现多了一个hello-angular项目

在命令行界面进入hello-angular文件夹: cd hello-angular

输入ng serve 查看hello-angular运行在哪个端口

注意:输入ng -serve 后,命令行会一直停在这个界面(webpack:Compiled successfully),这种现象是正常的。

只要webpack compiled successfully,就可以在浏览器输入localhost:4200就行。

Q:我现在配置好了,但是下次打开就不行了。localhost拒绝了连接请求。这是什么问题?

A : 要重新配置网络服务

完成后,刷新页面即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值