angular2.0符合门—webStorm创造angular CLI项目

开创项目事先要事先安装angular
cli,(angular是用typescript编写的,所以先安装typescript,再安装angularjs-cli)。打开命令窗口输入 npm
install -g angular-cli ,等待安装好,就足以打开webStorm创设项目了。

1.第一得成立一个project。

图片 1

可看看图片及爆发半点个有关Angular的挑。一个凡AngularJS,这么些创建的是基于Angular1.0本子本类的project。另一个Angular
CLI创造的才是基于Angular2.0之类。

WebStorm有立点的益处就是是会师自动链接到你电脑里曾经设置的门径上。从图纸可以视:Node
interpreter:就是链接到自己电脑内部安装node的门道下。

location路径是你创建项目保留之地点,可以自己随便定义,路径采纳好将来点击Create,

图片 2

不畏如此我们便创办成功了。

webStorm 可以帮助咱用ts自动转为js
.会在上提醒您需不需要将ts转为js文件,点击ok就得了。

路成立好了,怎么运作也?运行品种及时边有只步骤,就是得先打开服务。

找到您的package.json文件鼠标右击,找到show npm
Scripts,就会视底来一个好像图片那样的栽培结构

图片 3

双击start服务器即运行起来了,这是您会晤看到控制高而下图:

图片 4

足见到Server is running on http://localhost:4200

如此大家当浏览器运行http://localhost:4200  就可以看到我们运行的型啦

相关文章