A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 大蓝鲸小蟀锅 于 2018-12-17 13:49 编辑

Hello AngualrComponent!
申明: angular2开始,项目的使用中都配合了typeScript去使用,因此学习angular必须要了解一下ts(下一章会说)

如果你已经安装了node/cnmp,直接跳到第三步:
   
1.安装node(前端开发人员  必装  软件)
2.安装cnpm:(淘宝镜像,不装也行,就是使用npm会慢一些,毕竟国外的东西)
      ①win+R,输入cmd


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


   
接下来就算是进入正题了:

3.全局安装angular-cli



完成之后就可以继续往下走了。

4.新建angular项目
      ①打开控制台,输入命令。注意,这里我是新建在桌面的,用cd命令切换路径



      随之便自动生成项目,项目文件生成完毕后,会自动npm install



最终的效果如下

   

      ②项目创建完成,接下来当然就是启动咯。先看张图:



上图中虽然项目启动完成,有两点需要注意:
      1.需要在项目中才能启动,cd至新建项目文件夹
      2.项目启动时,报错:提示4200端口被占用(默认端口就是4200)。

      因为我之前已经启动了一个angular项目。可以使用 -p 更换端口号

      打开浏览器,输入localhost:4201,完结撒花!!

      
      -----------------To Be Continue...-----------------


1 个回复

倒序浏览
一个人一座城0.0 来自手机 中级黑马 2018-12-24 08:41:20
沙发
看一看。
回复 举报
您需要登录后才可以回帖 登录 | 加入黑马