angularJS 2.0 开发的简单dome

与其说这是一个demo，不如说是一个与高手的讨教过程。虽然demo出来了，可其中有些问题我仍是不太明白，若是有angularjs2.0的大神，请进来指导一番，~~~~~不甚感激。

    说明第一点：采用的工具是webStrom。 可有个问题：写的代码明明没有错误，可是项目总是会出现故意损坏的状况~~~，而后须要从新启动webstorm，项目又好了~~~~。以下图这种状况~~~
    此问题虽然没有解决，但是已经明白其中的道理，能够去file-setttings-plugins-error/warn下面把勾去掉就好了。
    大多数状况下有红色波浪线是由于你的代码有错误，可是也有多是webstorm仍是不能识别你的语法，可能在版本更新方面有点问题。不能正确的识别你的语法，因此在webstorm看来就是理所固然的错误。因此就有红色的波浪线。

说明第二点：webstorm是才其余人那边拷过来的，看网上的介绍，若是须要在webstrom里面使用angularJS须要安装插件~~~因为我拷过来的时候已经有插件了~~~因此没有安装~~~结果建立angularjs项目的时候不能选择版本，直接建立的是angular1.5.8的版本，和我使用的2.0不同。以下图：Version那边不可以选择~~~这是什么缘由，有大神知道吗~~~~~~~~~~~~~~~~

此问题已经解决了，npm install angular-cli 建立工程的时候选择angular-cli就能够支持anuglar2.0了

接下来就介绍建立项目过程啦~~~~

一：首先建立一个名为：quickstart的project。忽略下图的红色部分，建立完成后文件夹下面就只有External Libraries.

二：建立一个package.json文件，而后从angualrjs2.0的中文网站上复制代码过来~~~

三：接下来在建立一个名为tsconfig.json的文件。

而后在终端输入npm install  ，下载了一个node-module。

那么这里有一些问题：package.json的做用只是为了下载包的仍是有什么其余的用处。若是我下载好了node_modules就删除package.json可不能够运行~~~~~我本身试了下删除好像也能够，可是仍是想确认下。

tsconfig.json是什么做用的，是否是使用了ts才须要这个文件，若是没有这个文件会怎样。~~~~我试过没有也能运行项目~~~

四：建立一个systemjs.config.js文件。这个文件是复制的，其实我都没有看懂~~~~

看代码好像没有看懂，可是好像必须得有这个才能运行。

若是把systemjs.config.js换成require.js能够用吗~~~~能够来个大神解读下这个模块吗？

五：在quickstart文件夹下面建立一个app文件。

下面有这三个文件。分别看下代码吧。这里到没有什么要提问的~~~~~~~~~~

忽略红色的波浪线~~~我也不知道怎么回事啊~~~~~~~~~~~~

而后在quickstart路劲下建立一个index.html页面，引入一下js文件。

其实我又不知道引入的js文件究竟是什么做用的而后在引入systemjs.config.js文件就能够运行。

能够来介绍下吗~~~~~~

最后运行结果

 

感激涕零。