最近在跟着《Angular权威教程》学习Angular2，书上用的是semantic-ui来自动给元素添加样式，依样画葫芦呗，安装一下semantic-ui.然后由于semantic-ui的js部分是用jQuery写的，所以必须要安装jQuery。
1.在项目根目录安装jQuery 和 semantic-ui。
终端输入 npm install jquery --save
这里需要加上--save。
终端输入 npm install semantic-ui --save
同样，这里也需要加上--save，安装过程中会出现几个问题需要选择，都选默认的就可以。
2.安装完成之后还没结束，要在项目中应用semantic-ui样式的话，需要打开.angular-cli.json文件，添加如下字段：
"styles"
: [
"styles.css"
,
"../node_modules/semantic-ui/dist/semantic.min.css"
],
"scripts"
: [
"../node_modules/jquery/dist/jquery.min.js"
,
"../node_modules/semantic-ui/dist/semantic.min.js"
],
到此就OK了，webpack会根据这里的信息来进行打包，就可以成功应用semantic-ui的样式了。
PS：
一点体会，或许有用，刚开始使用angular，会糊里糊涂，觉得按部就班做也可以，但是总想明白运转逻辑。angular的粗略结构，最外层的index.html，main.ts是打包的切入口，src/app下的app.module.ts是app的对外接口，app.component.ts是app的总的组件。