Angular-cli 的使用之Angular4-part1

150 阅读1分钟
HelloAngualrComponent!


申明: 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,完结撒花!!




-----------------T
o Be Continue...
-----------------