angular2.0入门---webStorm建立angular CLI项目

建立项目以前须要先安装angular cli，（angular是用typescript编写的，因此先安装typescript，再安装angularjs-cli）。打开命令窗口输入 npm install -g angular-cli ，等待安装完成，就能够打开webStorm建立项目了。node

1.首先须要建立一个project。angularjs

能够看到图片上有两个关于Angular的选择。一个是AngularJS,这个建立的是基于Angular1.0版本类的project。另外一个Angular CLI建立的才是基于Angular2.0的项目。web

WebStorm有这点的好处就是会自动连接到你电脑里已经安装的路径上。从图片能够看出：Node interpreter：就是连接到我电脑里面安装node的路径下。typescript

location路径是你建立项目保存的地址，能够本身随意定义，路径选好以后点击Create,而后webstrom就会开始自动安装依赖，这可能会须要一下子，等待安装完成会看到项目结构以下图：npm

就这样咱们就建立成功了。json

webStorm 能够帮咱们将ts自动转为js .会在上方提示你需不须要将ts转为js文件，点击ok就能够了。浏览器

项目建立好了，怎么运行呢？运行项目这边有个步骤，就是得先开启服务。服务器

找到你的package.json文件鼠标右击，找到show npm Scripts，就会看到下面有一个相似图片这样的树结构orm

双击start服务器就运行起来了，这时你会看到控制台以下图：blog

能够看到Server is running on http://localhost:4200

这样咱们在浏览器运行http://localhost:4200  就能够看到咱们运行的项目啦