黑马程序员技术交流社区

标题: Angular-cli 的使用之Angular4-part1 [打印本页]

---

作者: 大蓝鲸小蟀锅    时间: 2018-12-17 13:46
标题: Angular-cli 的使用之Angular4-part1


[attach]263283[/attach]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...-----------------

---

作者: 一个人一座城0.0    时间: 2018-12-24 08:41
看一看。

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2