angular4的初认识

本文章旨在初步认识angular4，并进行简单的一些操作。一部分基于网上他人的教程，一部分是自己的总结。

参考文章：Angular4基础教程   Angular CLI终极指南

大多操作基于上述两篇文章。

个人的一些总结如下：

1、当网速慢的时候初始化项目会很慢，可以用yarn来代替npm install

ng set --global packageManager=yarn

执行完上述代码再进行初始化项目的时候会很快。

2、在angular4中使用sass

参考文章：angular4中使用sass

① 利用npm工具或者yarn安装sass依赖和loader

npm install node-sass --save
或
yarn add node-sass --save

npm install sass-loader --save
或
yarn add sass-loader --save

② 修改.angular-cli.json文件

"styles": [
    "styles.scss"
],
"defaults":{
    "styleExt": "scss",
    "component": {}
}

③ 将项目中已经存在的.css文件改成.scss

3、在初始化项目后，注意：

项目有一个默认的组件：app.component组件，这个组件不要写Js脚本，它仅仅用来放置其它所有的组件即可。因为在初始化的其他组件中可以写生命周期等方法。该组件不支持。

未完待续...