1.semantic-ui的安装和引用学习总结

课程地址：https://www.bilibili.com/video/BV13t411T72J?p=4
评论里有一个人做的博客 ：https://onestar.newstar.net.cn/

semantic-ui两种使用方式 ：
一种直接引入CDN加速

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>

另一种安装semanticui
semantic UI可以有两种方式安装
一种是直接下载压缩包，解压后调用就可以使用了，其实也就是说无需安装，另一种方式是用gulp进行安装。
用gulp安装的优点是，你可以自己修改sementic ui中的样式，这样就更灵活一点，而最简化安装方式下不能修改，只能用默认样式。
要先安装gulp,而安装gulp是NPM的一个模块，所以需要先安装NPM，而NPM又是node.js的一个模块，所以，就需要安装node.js， 所以：
第一步是安装node.js，提示：官网有两个版本可以选择，最好是选LTS版本，这个是长期支持版本。
第二步是安装gulp：cmd打开控制台，输入：
npm install -g gulp
第三步安装semantic UI CD到需要安装semantic的文件夹，然后输入：

npm install semantic-ui --save
cd semantic/
gulp build

接下来如果控制台不报错的话，就会询问你是否自动安装和安装位置
然后就可以在html中调用了。
调用的顺序一定不要搞错。
CSS，Jquery，JS

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
<script src="semantic/dist/semantic.min.js"></script>

npm install realm@2.1.0 --ignore-scripts

由于https://www.npmjs.com在国内访问不稳定，因此建议使用国内镜向站点https://npm.taobao.org
具体方法如下：
通过config命令
npm config set registry https://registry.npm.taobao.org
命令行指定
npm --registry https://registry.npm.taobao.org info underscore
编辑 npmrc文件，在该文件中加入registry = https://registry.npm.taobao.org
以上都是基于windows环境。

semantic-ui中文文档 ：https://zijieke.com/semantic-ui/