Sematic-UI安装方法：

SematicUI安装方法：

参考：
http://www.semantic-ui.cn/introduction/getting-started.html
http://www.qdfuns.com/notes/18123/af344b6aac29f2da66fcb746f82c4070.html

1、先安装nodeJs、git

2、在命令行输入node -v和npm -v 查看是否安装成功

3、安装gulp npm install -g gulp

4、新建一个目录，而后进入这个目录的命令行
npm init --建立一个package文件（正常状况下，package文件会自动建立）
npm install semantic-ui
选择Automatic(自动配置)
选择yes
再Enter(将semantic ui 放在/semantic目录下面)
这个时候新建的目录下会有node_modules、semantic、semantic.json三个文件

5、cd semantic --进入semantic文件夹
gulp build(编译好的semantic ui文件就会放在dist目录下)
components semantic.js semantic.min.js semantic.css semantic.min.css themes

6、JQuery组件

Semantic UI 的一些组件须要用到 jQuery ，咱们在项目下面建立一个目录，命名为 javascript ，而后把 node_modules/jquery/dist 下面的 jquery.min.js 放到 javascript 这个目录的下面。

cd ~/desktop/ninghao-semantic
mkdir javascript
mv node_modules/jquery/dist/jquery.min.js javascript/

7、浏览器自动刷新功能

用 Atom 编辑器打开项目的目录，而后你能够再去使用 Browsersync ，监视一下项目下的 index.html 这个文件的变化，这样你在修改这个文档之后就不须要手工去刷新浏览器来查看变化了。

安装 Browsersync

npm install -g browser-sync （个人一直安装不上）
建立服务器并监视文件变化

cd ~/desktop/ninghao-semanticbrowser-sync start --server --no-notify --files "index.html"