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...
-----------------