-
添加CSS样式 使用本框架前,请在CSS中开启border-box
*,*::before,*::after{box-sizing:border-box;}
IE8及以上浏览器都支持此样式。
你还需要设置默认样色等变量(后期会改为SCSS变量)
:root { --button-height: 32px; --font-size: 14px; --button-background: #fff; --botton-active-background: #eee; --color: #333; --border-color: #999; --border-color-hover: #666; --border-radius: 4px; }
IE15及以上浏览器都支持此样式。
-
安装gulu
npm i -S gulu-vue-yqy
-
引入
import {Button,Icon} from 'gulu-vue-qyq' import '' export default { name:"app", components:{ 'g-button':Button, 'g-icon':Icon } }
-
引入SVG symbols
<script src="//at.alicdn.com/t/font_867874_zaejb8l7vuq.js"></script>
-
安装
WebStorm快捷键
- shift+shift === 搜索快键键
- VCS === version control sysytem
- 设置默认端口
- setting ---> 搜索(unsign) ---> 设置(port)