1、在命令行中输入以下命令，安装AngularCLI。在WebStorm中创建一个新的Angular项目。在创建项目的过程中，你需要选择一个AngularCLI的配置文件。如果你没有自定义配置文件，可以直接使用默认的配置文件。
创新互联建站-专业网站定制、快速模板网站建设、高性价比包头网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式包头网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖包头地区。费用合理售后完善，十余年实体公司更值得信赖。
2、在项目上右键-新建- JavaScript File，新建一个.js后缀的文件即可。
3、js运行是不需要搭建环境的，可以编写好js脚本后，采用下列步骤进行运行。创建html文件 使用语法引入外部js文件 然后双击html 在浏览器中就可以看到运行js的效果了。
4、WebStorm这个功能强大的代码编辑器由Jetbrains开发。借助其内置的TypeScript，您可以轻松开发Angular2应用程序。您不必依赖外部插件，因为它允许使用其纯VanillaJavaScript编译代码。WebStorm支持HTML、JavaScript、Node.js和CSS。
5、在Webstorm 里新建一个空项目，取名为es6demo..然后在根目录下面新建一个package.json，只需要写明两个属性即name和version。打开webstorm的终端(Terminal)，快捷键为Alt+F12，安装babel-cli。也可全局安装。
6、打开webstorm创建空项目，点击“File”菜单选择“Setting”，搜索“watcher”关键字，点击右边绿色加号，选择“SCSS”文件类型。
其实在angular2中先加载ts文件，再加载view，所以获取不到节点。
获取元素ElementRef --- A wrapper around a native element inside of a View.在组件的 constructor中注入ElementRef，可以获取到整个组件元素的包裹。
建议此时获取数据，不要在构造函数中获取。ngDoCheck每次变化监测发生时被调用。ngAfterContentInit使用ngAfterContentCheckedngAfterContentInit后被调用，或者每次变化监测发生时被调用(只适用组件)。
需要注意的是@ViewChild和@ViewChildren会在父组件钩子方法 ngAfterViewInit() 调用之前赋值。ViewChild、@ViewChildren获取子元素的的时候，我们用的最多的应该就是通过模板变量名，或者直接通过class来获取了。
AngularJS诞生于2009年，后来被谷歌收购。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
两个程序我都用过，下面我来分享一下我的经验。
对于一个深入研究了ES、DOM，喜欢读源码自虐的半吊子程序员；我一般也不会评论某个框架或库好坏。但，从我自身的react开发经验来说，react开发效率不会高于angularjs。
常用的前端框架有Bootstrap框架、React框架、Vue框架、Angular框架、Foundation框架等等现在越来越多的前端框架开始出现，这为我们的项目需求带来了极大的方便。
Bootstrap 框架 Bootstrap 是当今可用的前端框架中最受欢迎的，它具有直观，时尚的界面而且功能强大可以更快更轻松地实现 web 开发而且不需要捆绑。
Twitter BootStrap （Apache v0；响应式）时髦、直观并且强大的前端框架，让Web开发变得更加容易。 Foundation （MIT；响应式）最先进的响应式前端框架。
Bootstrap Bootstrap是最流行的前端开发框架，可以让不是前端工程师也能开发出优美的页面，更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面，上手也非常快。
目前常用的一些前端的框架如下： Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。
Angular：Angular是一个优秀的前端JS框架。Angular有很多特性，核心是MVW(Model-View-Whatever)、模块化、自动双向数据绑定、语义标注、依赖注入等。