关于实时预览vs code中的颜色代码需要安装的插件，包括html文件格式中的颜色代码安装Flutter Color插件

VSCode 前端常用插件集合

1.Auto Close Tag自动闭合HTML/XML标签

2.Auto Rename Tag自动完成另一侧标签的同步修改

3.Beautify格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则

4.HTML Snippets智能提示HTML标签，以及标签含义

5.JavaScript(ES6) code snippets

ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

6.中文标点符号转英文

arrow="always"轮播图箭头一直显示

display: flex;弹性盒子布局

float: right（向右浮动）

margin-left: auto（元素右对齐）

overflow:hidden的作用（溢出隐藏、清除浮动、解决外边距塌陷等等）

dialogFormVisible：对话框窗体可见

show-overflow-tooltip让table表格自适应长度

:visible.sync="centerDialogVisible"

Vue项目侧边栏折叠和展开效果应用 <el-aside width="sideWidth+px" >

<script src="../router/index.js"></script>

<router-link to="/"> <el-menu-item index="2-1">任课管理</el-menu-item></router-link>

text-decoration:文本装饰

input表单输入框不记录输入过信息autocomplete="off"

dialogFormVisible对话框窗体可见

padding bottom底部填充，元素的填充是其内容和边框之间的空间。

cursor:pointer的作用
<div style={{ cursor: 'pointer', position: 'relative', float: 'right', marginTop: -14 }}></div>

flex布局 justify-content：space-between； 解决最后一排数量不够自动向两端排列问题

font-weight 字体浓淡(粗细)属性，该CSS属性用来设定字体的浓淡程度。

值：normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
cursor : 网页浏览时用户鼠标指针的样式或图形形状。
属性值：
default：默认光标（通常是一个箭头）
auto：默认，浏览器设置的光标
crosshair：光标为十字线
pointer：光标为一只手
move：光标为某对象可移动
text：光标指示文本
wait：光标指示程序正在忙（通常是一只表或者一个沙漏）

component:组件

align-items居中对齐弹性盒的各项 <div> 元素：

display:flex(弹性盒子布局)

separator：分隔符

import './assets/font/iconfont.css'//引入iconfont

multipleSelection：多重选择

伸缩导航栏：

<el-menu :default-openeds="['1', '2','3']" 
style="height: 100%;
overflow-x:hidden" background-color="#304156"text-color="#fff" :collapse-transution="false":collapse="isCollapse"></el-menu>

链接没有下划线

  <el-dropdown-item><router-link to="/page" style="width: 100px;text-decoration: none"> 退出</router-link></el-dropdown-item>

改网页标题